Title: The Typography Author: Alvaro Published: 11 março, 2019 Last modified: 19 março, 2020 --- Pesquisar plugins ![](https://ps.w.org/the-typography/assets/banner-772x250.png?rev=2047860) Este plugin **não foi testado com os 3 lançamentos principais mais recentes do WordPress**. Ele pode não ser mais mantido ou suportado e pode ter problemas de compatibilidade quando usado com versões mais recentes do WordPress. ![](https://ps.w.org/the-typography/assets/icon-256x256.png?rev=2047860) # The Typography Por [Alvaro](https://profiles.wordpress.org/melonpan/) [Baixar](https://downloads.wordpress.org/plugin/the-typography.1.3.0.zip) * [Detalhes](https://br.wordpress.org/plugins/the-typography/#description) * [Avaliações](https://br.wordpress.org/plugins/the-typography/#reviews) * [Instalação](https://br.wordpress.org/plugins/the-typography/#installation) * [Desenvolvimento](https://br.wordpress.org/plugins/the-typography/#developers) [Suporte](https://wordpress.org/support/plugin/the-typography/) ## Descrição [Demo](https://gutenberg-showcase.melonpan.io/the-typography) – [Documentation](https://melonpan.io/wordpress-plugins/the-typography)– [GitHub](https://github.com/garciaalvaro/the-typography) Add Typography to your Gutenberg site using Google Fonts. Enter CSS selectors or select Blocks to apply custom typography. ### Typography style Available typography options include: * Font family & variants from Google Fonts * Color (hex or rgba) * Font size * Line height * Font weight * Font style (italic, normal, oblique) * Letter spacing * Text transform (capitalize, uppercase, lowercase) * Text decoration (line-through, overline, underline) ### Typography context Typographies can be assigned to a specific context: * All site * Post types/s (post types available on the site) * Post types/s template (index, single) * Front page * 404 page ### Typography selectors Each typography can have several groups of selectors with unique modifications based on the root typography. For example: a typography can be set with a certain Font, Color and Font size; each of its groups of selectors inherit those properties and one could modify the inherited color and other the inherited Font size. Available CSS selectors include: * Text CSS selector (eg: .site-title a) * Block Selector (eg: Block Quote > Citation) ### Usage The plugin can be accesed from the Customizer inside the tab **The Typography**. It can also be accesed from any Block editor’s **The Typography** sidebar (top right corner of the editor). Create a typography and assign it some options; create a group of selectors and inside it create some CSS or Block selectors. That’s it! If you want to preview the different fonts before selecting one you can preview them in the [Google Fonts repository](https://fonts.google.com/). **Note**: The typography editing is assigned to the ‘edit_theme_options’ capability. This means that, by default, only admin and super admin will be able to use the features. ## Capturas de tela * [[ * Typography options * [[ * Customizer panel ## Instalação Installation from the WordPress admin. 1. Log in to the WordPress admin and navigate to _Plugins > Add New_. 2. Type _The Typography_ in the Search field. 3. In the results list _The Typography_ plugin should appear, click **Install Now** button. 4. Once it finished installing, click the _Activate_ button. 5. Now you can go to any post where the Block editor is enabled or go the Theme Customizer. ## Perguntas frequentes About GDPR and Google Fonts This plugin lets you select fonts from the [Google Fonts repository](https://fonts.google.com/) that will be loaded dynamically when selecting them in the customizer/editor (to preview the result), and loaded on the front end site. An inline style sheet is embeded with the selected CSS styles and, if one or more Font Family are selected, an external style sheet is embeded which will load the fonts from the Google servers. As I am not a lawyer I can not guarantee anything; you can read about Google Fonts and GDPR compliance in [this link](https://github.com/google/fonts/issues/1495). The following filters can be used to modify (or remove) the styles and fonts before they are embeded in the front end: * `the_typography_styles_before_enqueue`: This filter receives an array with the styles before they are embeded to the front end. * `the_typography_fonts_before_enqueue`: This filter receives an array with the fonts before they are embeded as an external style sheet to be loaded in the front end. ## Avaliações Não há avaliações para este plugin. ## Colaboradores e desenvolvedores “The Typography” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin. Colaboradores * [ Alvaro ](https://profiles.wordpress.org/melonpan/) The Typography” foi traduzido para 1 localidade. Agradecemos aos [tradutores](https://translate.wordpress.org/projects/wp-plugins/the-typography/contributors) por suas contribuições. [Traduzir o “The Typography” para seu idioma.](https://translate.wordpress.org/projects/wp-plugins/the-typography) ### Interessado no desenvolvimento? [Navegue pelo código](https://plugins.trac.wordpress.org/browser/the-typography/), consulte o [repositório SVN](https://plugins.svn.wordpress.org/the-typography/) ou assine o [registro de desenvolvimento](https://plugins.trac.wordpress.org/log/the-typography/) por [RSS](https://plugins.trac.wordpress.org/log/the-typography/?limit=100&mode=stop_on_copy&format=rss). ## Registro de alterações #### 1.3.0 * Updated fonts * Added linter for development * Updated dependencies * Minor fixes #### 1.2.0 * Refactored code base. Migrated JavaScript to TypeScript * UI & UX improvements. CSS and JS small bug fixes * Letter Spacing allows negative values * Incremented Font Size maximum value to 80 * Upgraded minimum version to WP 5.3. The plugin can be used in 5.2 activating the Gutenberg plugin #### 1.1.0 * Include core blocks selection in Customizer * Sort typographies styles so that newer take preference over older * Improvements in the UI and added some UX hints * Fix Customizer Previewer bugs * Improve code base * Update dependencies #### 1.0.0 * Initial release ## Meta * Versão **1.3.0** * Última atualização **6 anos atrás** * Instalações ativas **30+** * Versão do WordPress ** 5.3 ou superior ** * Testado até **5.4.19** * Versão do PHP ** 7.1 ou superior ** * Idiomas * [English (US)](https://wordpress.org/plugins/the-typography/) e [Spanish (Spain)](https://es.wordpress.org/plugins/the-typography/). * [Traduzir para seu idioma](https://translate.wordpress.org/projects/wp-plugins/the-typography) * Tags * [blocks](https://br.wordpress.org/plugins/tags/blocks/)[fonts](https://br.wordpress.org/plugins/tags/fonts/) [gutenberg](https://br.wordpress.org/plugins/tags/gutenberg/)[text](https://br.wordpress.org/plugins/tags/text/) [typography](https://br.wordpress.org/plugins/tags/typography/) * [Visualização avançada](https://br.wordpress.org/plugins/the-typography/advanced/) ## Classificações Ainda não foi enviada nenhuma avaliação. [Your review](https://wordpress.org/support/plugin/the-typography/reviews/#new-post) [Ver todas avaliações](https://wordpress.org/support/plugin/the-typography/reviews/) ## Colaboradores * [ Alvaro ](https://profiles.wordpress.org/melonpan/) ## Suporte Tem algo a dizer? Precisa de ajuda? [Ver fórum de suporte](https://wordpress.org/support/plugin/the-typography/)