{"id":33083,"date":"2020-01-21T12:27:14","date_gmt":"2020-01-21T10:27:14","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=33083"},"modified":"2020-01-21T12:57:41","modified_gmt":"2020-01-21T10:57:41","slug":"google-fonts-typography-para-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/google-fonts-typography-para-wordpress\/","title":{"rendered":"Google Fonts Typography para WordPress"},"content":{"rendered":"
<\/div>

\"Google<\/p>\n

Hace unos a\u00f1os, todos los desarrolladores de sitios web usaban las mismas fuentes tipogr\u00e1ficas<\/strong>.<\/p>\n

Un pu\u00f1ado de fuentes<\/strong> seguras que estaban preinstaladas en todos los sitios<\/strong>, facilitando as\u00ed su uso y que el dise\u00f1o no se viera afectado con el cambio de dispositivo.<\/p>\n

Esto esta importante porque, si no ten\u00edas la fuente instalada<\/strong>, no se ve\u00eda bien la web, as\u00ed que todos us\u00e1bamos las mismas fuentes en todos los sitio<\/strong>s, decidiendo \u00fanicamente si la fuente ser\u00eda con o sin serif<\/strong>.<\/p>\n

Hoy en d\u00eda esto no pasa y todo el mundo puede usar el tipo de fuente que quiera en su sitio web y todo esto es gracias a las fuentes Web<\/strong>.<\/p>\n

\n

\"Hosting<\/a><\/p>\n

\n

Fuentes Web en Repositorios Online<\/h2>\n

Como hemos comentado antes, la fuentes tipogr\u00e1ficas ten\u00eda que estar instalada en el dispositivo que visitara el sitio web de forma correcta.<\/p>\n

Con Internet por todos los sitios, esto ya no era necesario, gracias a las fuentes web<\/strong>.<\/p>\n

Una fuente web se aloja en un servidor externo<\/strong> y se puede acceder a ella de forma remota y sin la necesidad de tener que tenerla instalada.<\/p>\n

Existen fuentes de pago y fuentes gratuitas, siendo las Google Fonts<\/strong><\/a> las m\u00e1s usadas entre las fuentes gratuitas.<\/p>\n

Las Fuentes de Google<\/strong> o las Gogle Fonts<\/strong>, es lo mismo, es un repositorio de fuentes web con miles de opciones que puedes usar sin tener que pagar un s\u00f3lo c\u00e9ntimo.<\/p>\n

\"google<\/p>\n

Gracias al uso de la fuentes web, cada sitio puede definir la tipograf\u00eda que quiere usar sin la necesidad de tener que instalarla<\/strong> y sin miedo a que los visitantes no puedan visualizar el contenido correctamente.<\/p>\n

Eso si, dependeremos que el repositorio de fuentes no se venga abajo, aunque con la informaci\u00f3n adicional que obtendr\u00e1 Google para mejorar sus b\u00fasquedas, no parece que esto sea un proyecto a corto plazo, al menos para Google.<\/p>\n

WordPress y las Google Fonts con Google Fonts Typography<\/h2>\n

Como es de imaginar, un gestor de contenidos como WordPress<\/strong>, con la cantidad de personalizaci\u00f3n que soporta, se lleva muy bien con las fuentes web y especialmente con las Google Fonts<\/strong>.<\/p>\n

Para poder usarlas se puede a\u00f1adir un c\u00f3digo en el propio WordPress, pero tambi\u00e9n podemos hacerlo con un plugin, por ejemplo Google Fonts Typography<\/strong>, lo que nos facilitar\u00e1 las cosas.<\/p>\n

El plugin Google Fonts Typography<\/strong> es gratuito, aunque tiene opciones de pago, lo podemos usar para \u00abconectar\u00bb<\/em> nuestro WordPress con las Google Fonts<\/strong>.<\/p>\n

Lo primero que tenemos que hacer es instalarlo y activarlo, aunque tambi\u00e9n lo podemos descargar desde aqu\u00ed<\/em><\/a>.<\/p>\n

Una vez lo tengamos activado, podemos empezar a utilizarlo.<\/p>\n

Para ello tenemos que ir, desde el administrador de WordPress, Apariencia > Personalizar<\/strong>, lo que nos llevar\u00e1 a personalizador de WordPress.<\/p>\n

No nos costar\u00e1 identificar un nuevo elemento en la personalizaci\u00f3n de WordPress llamado Fuentes de Google<\/strong>.<\/p>\n

\"personalizador<\/p>\n

Las opciones que encontraremos ser\u00e1n las siguientes:<\/p>\n