{"id":8578,"date":"2024-05-03T07:58:00","date_gmt":"2024-05-03T05:58:00","guid":{"rendered":"https:\/\/www.loading.es\/blog\/?p=8578"},"modified":"2024-05-02T12:02:57","modified_gmt":"2024-05-02T10:02:57","slug":"como-usar-google-fonts-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.loading.es\/blog\/como-usar-google-fonts-en-wordpress\/","title":{"rendered":"C\u00f3mo usar Google Fonts en WordPress"},"content":{"rendered":"\n<p><strong>Google Fonts<\/strong> son los tipos de letra o tipograf\u00edas, que Google ofrece de forma gratuita para todos aquellos que quieran usarlas en su sitios web. Gracias a ser una opci\u00f3n gratuita y de calidad, las <strong>fuentes de Google<\/strong> se han convertido en la manera m\u00e1s habitual de usar distintas tipograf\u00edas en los sitios web. Como no pod\u00eda ser de otra forma, en WordPress tambi\u00e9n puedes usarlas, as\u00ed que vamos a ver las distintas formas que tienes de <strong>usar Google Fonts en WordPress<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-aioseo-table-of-contents\"><ul><li><a href=\"#aioseo-que-son-las-google-fonts\">Qu\u00e9 son las Google Fonts<\/a><ul><li><a href=\"#aioseo-caracteristicas-de-google-fonts\">Caracter\u00edsticas de Google Fonts:<\/a><\/li><li><a href=\"#aioseo-beneficios-de-usar-google-fonts-en-wordpress\">Beneficios de usar Google Fonts en WordPress:<\/a><\/li><li><a href=\"#aioseo-los-tipos-de-letra-no-son-gratis\">\u00bfLos tipos de letra no son gratis?<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-como-usar-google-fonts-en-wordpress\">C\u00f3mo Usar Google Fonts en WordPress<\/a><ul><li><a href=\"#aioseo-paso-1-seleccionar-la-fuente-en-google-fonts\">Paso 1: Seleccionar la fuente en Google Fonts<\/a><\/li><li><a href=\"#aioseo-paso-2-configurar-y-obtener-el-codigo\">Paso 2: Configurar y obtener el c\u00f3digo<\/a><\/li><li><a href=\"#aioseo-paso-3-anadir-el-codigo-a-wordpress\">Paso 3: A\u00f1adir el c\u00f3digo a WordPress<\/a><\/li><li><a href=\"#aioseo-paso-4-usar-la-fuente-en-tu-css\">Paso 4: Usar la Fuente en tu CSS<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-plugin-de-wordpress-para-las-fuentes-de-google\">Plugin de WordPress para las fuentes de Google<\/a><ul><li><a href=\"#aioseo-google-fonts-typography\">Google Fonts Typography<\/a><\/li><li><a href=\"#aioseo-local-google-fonts\">Local Google Fonts<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-conclusiones\">Conclusiones<\/a><\/li><\/ul><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.loading.es\/hosting-wordpress\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1000\" height=\"100\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress.png\" alt=\"Oferta Contratar Hosting WordPress\" class=\"wp-image-8079\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress.png 1000w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-300x30.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-768x77.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-850x85.png 850w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-que-son-las-google-fonts\">Qu\u00e9 son las Google Fonts<\/h2>\n\n\n\n<p>Google Fonts es una <strong>biblioteca de fuentes tipogr\u00e1ficas gratuitas<\/strong>, accesible y f\u00e1cil de usar, lanzada por Google en 2010.<\/p>\n\n\n\n<p>Este servicio ofrece a los <strong>dise\u00f1adores web y desarrolladores<\/strong> una forma de incorporar tipograf\u00eda de calidad en sus proyectos sin tener que preocuparse por <strong>licencias de uso o compatibilidad entre navegadores<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-caracteristicas-de-google-fonts\">Caracter\u00edsticas de Google Fonts:<\/h3>\n\n\n\n<ul>\n<li><strong>Accesibilidad<\/strong>:<br>Todas las fuentes en Google Fonts est\u00e1n disponibles de forma gratuita. Puedes usarlas para proyectos personales o comerciales sin preocuparte por el precio.<\/li>\n\n\n\n<li><strong>Variedad<\/strong>:<br>Con m\u00e1s de 1,300 familias de fuentes, desde cl\u00e1sicas hasta las m\u00e1s modernas, Google Fonts te da una gama impresionante de opciones para que encuentres exactamente lo que necesitas para tu sitio.<\/li>\n\n\n\n<li><strong>Facilidad de uso<\/strong>: <br>Google ha dise\u00f1ado su biblioteca de fuentes para que sea extremadamente f\u00e1cil de navegar. Puedes buscar fuentes por categor\u00eda, popularidad, fecha de adici\u00f3n o incluso propiedades de la fuente como grosor, inclinaci\u00f3n y ancho.<\/li>\n\n\n\n<li><strong>Personalizaci\u00f3n<\/strong>:<br> M\u00e1s all\u00e1 de elegir la fuente, Google Fonts te permite personalizar c\u00f3mo y qu\u00e9 archivos de fuentes se cargar\u00e1n en tu sitio, lo que puede ayudar a mejorar el rendimiento del mismo.<\/li>\n\n\n\n<li><strong>Compatibilidad<\/strong>:<br> Las fuentes est\u00e1n optimizadas para la web, asegurando una experiencia de visualizaci\u00f3n coherente en diferentes dispositivos y navegadores.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-beneficios-de-usar-google-fonts-en-wordpress\">Beneficios de usar Google Fonts en WordPress:<\/h3>\n\n\n\n<ol>\n<li><strong>Mejora del Dise\u00f1o Web<\/strong>:<br>La tipograf\u00eda es un componente cr\u00edtico del dise\u00f1o web. Una buena fuente puede mejorar la legibilidad, la usabilidad y la est\u00e9tica de tu sitio.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n del Rendimiento<\/strong>:<br>Google Fonts est\u00e1n dise\u00f1adas espec\u00edficamente para la web, lo que significa que son ligeras y dise\u00f1adas para cargar r\u00e1pidamente, manteniendo tu sitio \u00e1gil.<\/li>\n\n\n\n<li><strong>Facilidad de Integraci\u00f3n<\/strong>:<br>Con opciones para integrar mediante CSS o directamente a trav\u00e9s de plugins de WordPress, a\u00f1adir fuentes de Google a tu sitio es un proceso sencillo que no requiere conocimientos avanzados de codificaci\u00f3n.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-los-tipos-de-letra-no-son-gratis\">\u00bfLos tipos de letra no son gratis?<\/h3>\n\n\n\n<p>Existe un <strong>malentendido com\u00fan<\/strong> de que todas las tipograf\u00edas son gratuitas, pero en realidad, muchas fuentes <strong>requieren una licencia de uso<\/strong> que puede implicar un costo.<\/p>\n\n\n\n<p>Sin embargo, uno de los grandes atractivos de Google Fonts es que todas las fuentes disponibles en su plataforma son de <strong>uso libre y gratuito<\/strong>.<\/p>\n\n\n\n<ul>\n<li><strong>Libre uso<\/strong>:<br>Todas las fuentes en Google Fonts se pueden usar sin pagar royalties o tarifas de licencia, incluso para proyectos comerciales.<\/li>\n\n\n\n<li><strong>Licencia abierta<\/strong>:<br>Las fuentes est\u00e1n bajo licencias que permiten su uso, redistribuci\u00f3n y modificaci\u00f3n. La mayor\u00eda se ofrece bajo la licencia de <a href=\"http:\/\/scripts.sil.org\/OFL\" target=\"_blank\" rel=\"noopener\" title=\"SIL Open Font License\">SIL Open Font License<\/a>, que es una de las m\u00e1s permisivas en el mundo de la tipograf\u00eda.<\/li>\n\n\n\n<li><strong>Sin restricciones de proyecto<\/strong>:<br>Puedes usar las fuentes para cualquier tipo de proyecto, ya sea personal, educativo o comercial, sin preocupaciones sobre la legalidad de su uso.<\/li>\n<\/ul>\n\n\n\n<p>Esto convierte a Google Fonts en una <strong>opci\u00f3n muy atractiva<\/strong>, especialmente para dise\u00f1adores web y desarrolladores o cualquier usuario en general.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-como-usar-google-fonts-en-wordpress\">C\u00f3mo Usar Google Fonts en WordPress<\/h2>\n\n\n\n<p>La <strong>integraci\u00f3n manual de Google Fonts en tu sitio WordPress<\/strong> te permite tener un control completo sobre las fuentes que utilizas y c\u00f3mo se cargan en tu sitio.<\/p>\n\n\n\n<p>Este m\u00e9todo implica un poco m\u00e1s de trabajo manual pero es perfectamente manejable con unos pocos pasos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-paso-1-seleccionar-la-fuente-en-google-fonts\">Paso 1: Seleccionar la fuente en Google Fonts<\/h3>\n\n\n\n<p>Visita el sitio web de <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\" title=\"Google Fonts\">Google Fonts<\/a>. Utiliza las herramientas de b\u00fasqueda y filtros para encontrar la fuente que mejor se adapte a tu dise\u00f1o y necesidades. Puedes previsualizar la fuente con tu propio texto y ajustar caracter\u00edsticas como el grosor, la inclinaci\u00f3n y el tama\u00f1o para ver c\u00f3mo se ver\u00e1 en la web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-paso-2-configurar-y-obtener-el-codigo\">Paso 2: Configurar y obtener el c\u00f3digo<\/h3>\n\n\n\n<p>Una vez que hayas elegido una fuente, ver\u00e1s un \u00e1rea llamada \u00abSelected family\u00bb en la parte inferior de la pantalla. Haz clic en este panel para expandirlo y configurar las opciones de la fuente:<\/p>\n\n\n\n<ol>\n<li>Selecciona los estilos y pesos espec\u00edficos que necesitas. Evita seleccionar m\u00e1s de los necesarios, ya que esto puede afectar el tiempo de carga de tu p\u00e1gina.<br><\/li>\n\n\n\n<li>Copia el enlace que proporciona Google para insertar en tu sitio. Este enlace debe colocarse en el <em>&lt; head &gt;<\/em> de tu archivo HTML.<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"&gt;\n&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin&gt;\n&lt;link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&amp;display=swap\" rel=\"stylesheet\"&gt;<\/code><\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"650\" height=\"482\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/ejemplo-codigo-google-fonts.jpg\" alt=\"ejemplo codigo google fonts\" class=\"wp-image-8581\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/ejemplo-codigo-google-fonts.jpg 650w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/ejemplo-codigo-google-fonts-300x222.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-paso-3-anadir-el-codigo-a-wordpress\">Paso 3: A\u00f1adir el c\u00f3digo a WordPress<\/h3>\n\n\n\n<p>Para a\u00f1adir el enlace de Google Fonts a tu sitio WordPress, tienes varias opciones:<\/p>\n\n\n\n<ul>\n<li><strong>Editar el Header<\/strong>:<br>Accede a tu editor de temas en WordPress y a\u00f1ade el c\u00f3digo directamente en el archivo header.php, justo antes del cierre del tag &lt; \/head &gt;.<\/li>\n\n\n\n<li><strong>Usar un Plugin de SEO<\/strong>:<br>Si utilizas plugins como Yoast SEO o All in One SEO, muchos ofrecen una opci\u00f3n para a\u00f1adir c\u00f3digo al header sin necesidad de editar los archivos del tema.<\/li>\n\n\n\n<li><strong>Busca en las opciones de tu theme<\/strong>:<br>Actualmente, muchos de las plantillas de WordPress ofrecen un espacio para poder a\u00f1adir c\u00f3digo en la cabecera sin tener que editar directamente el archivo. Busca en las opciones de tu plantilla o consulta con el desarrollador para eso.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-paso-4-usar-la-fuente-en-tu-css\">Paso 4: Usar la Fuente en tu CSS<\/h3>\n\n\n\n<p>Finalmente, necesitar\u00e1s especificar d\u00f3nde quieres que se use la fuente en tu sitio web a\u00f1adiendo algo de <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>body {\n    font-family: 'Roboto', sans-serif;\n}<\/code><\/pre>\n\n\n\n<p>Puedes a\u00f1adir este c\u00f3digo en la secci\u00f3n de <strong>CSS adicional en el personalizador de WordPress<\/strong> o en tu archivo de estilos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-plugin-de-wordpress-para-las-fuentes-de-google\">Plugin de WordPress para las fuentes de Google<\/h2>\n\n\n\n<p>Si prefieres una forma m\u00e1s sencilla y directa de incorporar Google Fonts en tu sitio de WordPress, los <strong>plugins son tus mejor opci\u00f3n<\/strong>.<\/p>\n\n\n\n<p>Existen varias opciones disponibles que facilitan la integraci\u00f3n, cada una con caracter\u00edsticas distintivas. A continuaci\u00f3n, detallamos dos de las m\u00e1s populares: Olympus Google Fonts y Local Google Fonts.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-google-fonts-typography\">Google Fonts Typography<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"650\" height=\"344\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/google-fonts-typography.jpg\" alt=\"google fonts typography\" class=\"wp-image-8579\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/google-fonts-typography.jpg 650w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/google-fonts-typography-300x159.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/figure><\/div>\n\n\n<p><a href=\"https:\/\/es.wordpress.org\/plugins\/olympus-google-fonts\/\" target=\"_blank\" rel=\"noopener\" title=\"Google Fonts Typography\"><strong>Google Fonts Typography<\/strong><\/a> es uno de los plugins m\u00e1s utilizados para integrar Google Fonts en WordPress.<\/p>\n\n\n\n<p>Este plugin destaca por su <strong>facilidad de uso<\/strong> y por permitir una integraci\u00f3n directa con el personalizador de WordPress, lo que te permite ajustar las fuentes de tu sitio en tiempo real.<\/p>\n\n\n\n<ul>\n<li><strong>Integraci\u00f3n con el personalizador<\/strong>:<br>Cambia las fuentes de tu sitio mientras visualizas los cambios en vivo, lo que te permite ver c\u00f3mo afectar\u00e1n el dise\u00f1o antes de aplicarlos definitivamente.<\/li>\n\n\n\n<li><strong>Acceso a todas las fuentes de Google<\/strong>:<br>Tienes acceso a la biblioteca completa de Google Fonts, lo que significa m\u00e1s de 1,300 fuentes a tu disposici\u00f3n.<\/li>\n\n\n\n<li><strong>F\u00e1cil de usar<\/strong>:<br>No necesitas conocimientos t\u00e9cnicos avanzados para usar este plugin, haci\u00e9ndolo ideal para principiantes y profesionales por igual.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-local-google-fonts\">Local Google Fonts<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"650\" height=\"205\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/local-google-fonts.jpg\" alt=\"local Google fonts\" class=\"wp-image-8580\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/local-google-fonts.jpg 650w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/local-google-fonts-300x95.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/figure><\/div>\n\n\n<p>Para aquellos preocupados por el rendimiento y el cumplimiento de normativas como la RGPD, <a href=\"https:\/\/es.wordpress.org\/plugins\/local-google-fonts\/\" target=\"_blank\" rel=\"noopener\" title=\"Local Google Fonts\"><strong>Local Google Fonts<\/strong><\/a> ofrece una soluci\u00f3n interesante. Este plugin descarga las fuentes de Google a tu servidor local.<\/p>\n\n\n\n<p>Almacenar las fuentes localmente puede <strong>mejorar los tiempos de carga<\/strong> y te ayuda a cumplir con la RGPD, ya que los datos de los usuarios <strong>no tienen que ser compartidos con Google<\/strong> para cargar las fuentes.<\/p>\n\n\n\n<ul>\n<li><strong>Mejora del rendimiento<\/strong>:<br>Al servir las fuentes desde tu propio servidor, reduces la dependencia de servidores externos y potencialmente disminuyes los tiempos de carga de la p\u00e1gina.<\/li>\n\n\n\n<li><strong>Cumplimiento de la RGPD<\/strong>:<br>Al no tener que conectar con los servidores de Google cada vez que se carga una p\u00e1gina, mejoras la privacidad de los usuarios de tu sitio.<\/li>\n\n\n\n<li><strong>Control total sobre las fuentes<\/strong>:<br>Al almacenar las fuentes localmente, tienes control total sobre las versiones de las fuentes que utilizas y c\u00f3mo se actualizan.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-conclusiones\">Conclusiones<\/h2>\n\n\n\n<p><strong>Integrar Google Fonts en tu sitio WordPress<\/strong> es una buena manera de gestionar la fuentes de tu web.<\/p>\n\n\n\n<p>Ya sea de manera manual para tener control total sobre las fuentes o a trav\u00e9s de plugins para una integraci\u00f3n m\u00e1s sencilla y adaptada a necesidades espec\u00edficas como el rendimiento y la privacidad, <strong>Google Fonts ofrece soluciones accesibles y efectivas<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.loading.es\/hosting-wordpress\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1000\" height=\"100\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress.png\" alt=\"Oferta Contratar Hosting WordPress\" class=\"wp-image-8079\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress.png 1000w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-300x30.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-768x77.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-850x85.png 850w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure><\/div>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"fcTun3vVM6\"><a href=\"https:\/\/www.loading.es\/blog\/encontrar-enlaces-rotos-wordpress\/\">C\u00f3mo encontrar enlaces rotos en WordPress<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abC\u00f3mo encontrar enlaces rotos en WordPress\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/encontrar-enlaces-rotos-wordpress\/embed\/#?secret=gkpEEY7j32#?secret=fcTun3vVM6\" data-secret=\"fcTun3vVM6\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"Csf1hrpLX6\"><a href=\"https:\/\/www.loading.es\/blog\/plugins-descargar-archivos-wordpress\/\">Mejores plugins para descargar archivos en WordPress<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abMejores plugins para descargar archivos en WordPress\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/plugins-descargar-archivos-wordpress\/embed\/#?secret=BLQbkjALjJ#?secret=Csf1hrpLX6\" data-secret=\"Csf1hrpLX6\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"XywOcySyxF\"><a href=\"https:\/\/www.loading.es\/blog\/radio-online-wordpress\/\">Gu\u00eda para crear radio online con WordPress<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abGu\u00eda para crear radio online con WordPress\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/radio-online-wordpress\/embed\/#?secret=uD9PMGwjbT#?secret=XywOcySyxF\" data-secret=\"XywOcySyxF\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Google Fonts son los tipos de letra o tipograf\u00edas, que Google ofrece de forma gratuita para todos aquellos que quieran usarlas en su sitios web. Gracias a ser una opci\u00f3n gratuita y de calidad, las fuentes de Google se han convertido en la manera m\u00e1s habitual de usar distintas tipograf\u00edas en los sitios web. Como no pod\u00eda ser de otra forma, en WordPress tambi\u00e9n puedes usarlas, as\u00ed que vamos a ver las distintas formas que tienes de usar Google Fonts en WordPress.<\/p>\n","protected":false},"author":2,"featured_media":8582,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[66],"tags":[229],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/8578"}],"collection":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/comments?post=8578"}],"version-history":[{"count":3,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/8578\/revisions"}],"predecessor-version":[{"id":8585,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/8578\/revisions\/8585"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media\/8582"}],"wp:attachment":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media?parent=8578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/categories?post=8578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/tags?post=8578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}