{"id":9048,"date":"2017-05-12T02:36:17","date_gmt":"2017-05-12T09:36:17","guid":{"rendered":"https:\/\/kinqsta.com\/es\/?p=9048"},"modified":"2025-02-13T12:21:00","modified_gmt":"2025-02-13T11:21:00","slug":"fuentes-locales","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/","title":{"rendered":"Gu\u00eda en Profundidad sobre Alojar Fuentes Locales en WordPress"},"content":{"rendered":"<p>Cuando se trata de alojamiento y uso de fuentes en su sitio WordPress hay un mont\u00f3n de opciones diferentes. Puede alojarlas localmente, puede utilizar las fuentes de Google (la mayor\u00eda de los temas de hoy d\u00eda tienen las fuentes de Google integradas), o utilizar otro servicio de terceros como Adobe Fonts. Hoy queremos sumergirnos en algunas razones por las que alojar fuentes locales en WordPress puede ser ventajoso. No s\u00f3lo se puede tener una mayor selecci\u00f3n de <a href=\"https:\/\/kinqsta.com\/es\/blog\/html-fuentes\/\">fuentes HTML<\/a>, sino que a veces hay <a href=\"https:\/\/kinqsta.com\/es\/blog\/como-cambiar-las-fuentes-en-wordpress\/\">beneficios de rendimiento<\/a> tambi\u00e9n. Eche un vistazo a nuestro tutorial detallado a continuaci\u00f3n sobre c\u00f3mo alojar sus fuentes premium localmente, as\u00ed como cualquier familia de fuentes de Google fonts.<\/p>\n<ul style=\"margin-left: 30px\">\n<li><a href=\"#web-fonts\">\u00bfQu\u00e9 Son Las Fuentes Web?<\/a><\/li>\n<li><a href=\"#local-fonts-vs-3rd-party\">Alojando Fuentes Locales vs. de Terceros<\/a><\/li>\n<li><a href=\"#host-local-fonts-wordpress\">C\u00f3mo Alojar Fuentes Locales en WordPress<\/a><\/li>\n<\/ul>\n<h2 id=\"web-fonts\">\u00bfQu\u00e9 Son Las Fuentes Web?<\/h2>\n<p>Cuando navega por el sitio WordPress de alguien, ver\u00e1 dos tipos de fuentes b\u00e1sicas, <a href=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-seguras-para-la-web\/\">fuentes web seguras<\/a> o fuentes web. O tambi\u00e9n podr\u00edan estar usando una mezcla de ambos.<\/p>\n<p>Lectura sugerida: <a href=\"https:\/\/kinqsta.com\/es\/blog\/como-cambiar-las-fuentes-en-wordpress\/\">\u00bfC\u00f3mo Cambiar la Fuente en WordPress?<\/a>.<\/p>\n<ul style=\"margin-left: 30px\">\n<li><b>Fuentes seguras para web<\/b> son fuentes que est\u00e1n preinstaladas en un dispositivo u OS. Algunos ejemplos de fuentes de seguridad web incluyen Arial, Times New Roman y Courier New, as\u00ed como familias de fuentes gen\u00e9ricas como serif, sans-serif (ver <a href=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-modernas\/\">fuentes modernas<\/a>) y monospace. Estas son las fuentes que ha visto durante muchos a\u00f1os. Vea una <a href=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-seguras-para-la-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">lista entera de fuentes seguras de la web<\/a>.<\/li>\n<li><b>Fuentes web<\/b>\u00a0son fuentes que no est\u00e1n preinstaladas en un dispositivo y deben ser descargadas por el navegador del usuario antes de ser mostradas. Algunos ejemplos de fuentes web incluyen la fuente Open Sans y Roboto de Google, as\u00ed como la popular fuente Proxima Nova de Adobe Fonts.<\/li>\n<\/ul>\n<p>Fuentes de Google es un directorio de fuentes de fuente abierta que se ha vuelto ampliamente utilizado en los \u00faltimos dos a\u00f1os. Seg\u00fan BuiltWith, m\u00e1s del 45% de los 10,000 principales sitios web est\u00e1n\u00a0<a href=\"https:\/\/trends.builtwith.com\/widgets\/Google-Font-API\">utilizando Google Fonts<\/a>\u00a0en sus sitios web. Y si observamos a las\u00a0<a href=\"https:\/\/fonts.google.com\/analytics\" target=\"_blank\" rel=\"noopener noreferrer\">anal\u00edticas de Google Fonts<\/a>, podemos ver que han tenido m\u00e1s de 17 billones de visitas. \u00a1Eso es mucho! Open Sans y Roboto son sus dos familias de fuentes m\u00e1s utilizadas, con Roboto viendo un enorme crecimiento del 77% en el \u00faltimo a\u00f1o.<\/p>\n<figure id=\"attachment_11411\" aria-describedby=\"caption-attachment-11411\" style=\"width: 2597px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11411 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-font-estad\u00edsticas-1.png\" alt=\"Estad\u00edsticas de Google Fonts\" width=\"2597\" height=\"1802\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-font-estad\u00edsticas-1.png 2597w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-font-estad\u00edsticas-1-300x208.png 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-font-estad\u00edsticas-1-768x533.png 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-font-estad\u00edsticas-1-1024x711.png 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-font-estad\u00edsticas-1-610x423.png 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-font-estad\u00edsticas-1-441x306.png 441w\" sizes=\"auto, (max-width: 2597px) 100vw, 2597px\" \/><figcaption id=\"caption-attachment-11411\" class=\"wp-caption-text\">Estad\u00edsticas de Google Fonts<\/figcaption><\/figure>\n<h2 id=\"local-fonts-vs-3rd-party\">Alojando Fuentes Locales vs. de Terceros<\/h2>\n<p>Antes de profundizar en el tutorial es importante entender algunas de las ventajas y desventajas entre las fuentes locales de alojamiento y el simple uso de un servicio por parte de terceros. Alojar fuentes localmente significa que usted realmente tiene los archivos de fuentes en su propio servidor (y\/o copiados en la CDN, que tambi\u00e9n se utiliza para todos sus otros activos). Mientras que si se utilizan una de terceros, como Google o Adobe Fonts, usted est\u00e1 s\u00f3lo incluyendo las fuentes mediante la vinculaci\u00f3n a un activo externo.<\/p>\n<h3>Ventajas de Fuentes Locales<\/h3>\n<h4>1.\u00a0Selecci\u00f3n M\u00e1s amplia de Fuentes<\/h4>\n<p>\u00a1Una gran ventaja de usar fuentes locales es que usted tiene una <strong>selecci\u00f3n mucho m\u00e1s amplia de fuentes<\/strong>! Mientras que los servicios de terceros como Google Fonts y Adobe Fonts tienen grandes bibliotecas, no se pueden comparar con tiendas de fuentes premium en las que puede comprar cualquier fuente web premium que desee y alojarla en su sitio. De hecho, usaremos una fuente premium en nuestro tutorial a continuaci\u00f3n, la cual no puede obtener de ning\u00fan servicio de terceros.<\/p>\n<h4>2.\u00a0Se Puede Integrar Mejor<\/h4>\n<p>Debido a la selecci\u00f3n m\u00e1s amplia de fuentes, alojarlas localmente podr\u00eda permitirle elegir una fuente que <strong>se integre mejor con su marca para mantener la consistencia<\/strong> en todo el sitio. Todo esto depende de sus necesidades y preferencias de dise\u00f1o.<\/p>\n<h4>3.\u00a0No Tener que Depender de Servicios de Terceros<\/h4>\n<p>Cuando aloja fuentes localmente,\u00a0<strong><span style=\"text-decoration: underline\">usted no tiene que depender de servicios de terceros<\/span><\/strong> o de sus servidores. Servicios como Adobe Fonts han sido conocidos por quedar fuera de servicio, que a su vez hace que usted se vea mal. Tener menos dependencias en su sitio WordPress es siempre mejor.<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">When <a href=\"https:\/\/t.co\/Kde0okKlP0\">https:\/\/t.co\/Kde0okKlP0<\/a> is down the web stops working <a href=\"https:\/\/twitter.com\/hashtag\/customfontssuck?src=hash&amp;ref_src=twsrc%5Etfw\">#customfontssuck<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/3rdpartyjs?src=hash&amp;ref_src=twsrc%5Etfw\">#3rdpartyjs<\/a><\/p>\n<p>&mdash; Mark \u26d4\ufe0f\ud83d\udc1d (@markhealey) <a href=\"https:\/\/twitter.com\/markhealey\/status\/666484210090176513?ref_src=twsrc%5Etfw\">November 17, 2015<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<h4>4.\u00a0Control Total en Vez de Usar Cache<\/h4>\n<p>Mediante el uso de fuentes locales, usted <strong>tiene control total sobre la cache<\/strong> de los archivos de fuentes. Si utiliza fuentes de Google u otro servicio de terceros, es posible que vea errores o advertencias de que los recursos no tienen un validador de cache o que necesitan <a href=\"https:\/\/kinqsta.com\/es\/blog\/anadir-cabeceras-expiradas-wordpress\/\">cadenas de expiraci\u00f3n<\/a>. \u00c9stos se fijan en el nivel del servidor, y cuando est\u00e1n en un servidor de terceros usted no tiene ning\u00fan control de los defectos que pueden surgir.<\/p>\n<figure id=\"attachment_9072\" aria-describedby=\"caption-attachment-9072\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9072 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-fonts-specify-a-cache-validator.jpg\" alt=\"Specify a cache validator\" width=\"1024\" height=\"202\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-fonts-specify-a-cache-validator.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-fonts-specify-a-cache-validator-300x59.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-fonts-specify-a-cache-validator-768x152.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-fonts-specify-a-cache-validator-610x120.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/google-fonts-specify-a-cache-validator-460x91.jpg 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9072\" class=\"wp-caption-text\">Specify a cache validator<\/figcaption><\/figure>\n<h4>5.\u00a0Menos Peticiones Pueden Significar Tiempos de Carga M\u00e1s R\u00e1pidos<\/h4>\n<p>Debido al hecho de que las fuentes web tienen que ser descargadas de un tercero, esto a su vez podr\u00eda tener un impacto en la velocidad de carga de su sitio. Nunca se sabe lo r\u00e1pido que sus servidores est\u00e1n operando en el momento dado. \u00a1Usted sin embargo tiene m\u00e1s control sobre esto con su WordPress host, o al menos deber\u00eda tener! Adobe Fonts, por ejemplo, agrega 2 <a href=\"https:\/\/kinqsta.com\/es\/blog\/hacer-menos-http-solicitudes\/\">peticiones HTTP<\/a> externas y tambi\u00e9n base64 codifica todos los formatos de fuente. Si no est\u00e1 familiarizado con las fuentes ya no tiene que servir todos los formatos de fuente, s\u00f3lo necesita WOFF y WOFF2 (si desea compresi\u00f3n adicional).<\/p>\n<p>Con Google Fonts usted tambi\u00e9n tiene una solicitud de DNS adicional para buscar fuentes.googleapis.com para obtener el archivo CSS. Despu\u00e9s tiene solicitudes adicionales a fonts.gstatic.com para descargar los archivos de fuentes. <strong>Cuando usted se aloja localmente, todas las solicitudes vienen del mismo dominio<\/strong>, y lo m\u00e1s probable es que <strong>no necesite otro archivo CSS<\/strong>, ya que estar\u00e1 dentro del archivo CSS de su tema de WordPress.<\/p>\n<figure id=\"attachment_9073\" aria-describedby=\"caption-attachment-9073\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9073 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/solicitues-de-google-font-requests.jpg\" alt=\"Solicitues de Google font\" width=\"1024\" height=\"188\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/solicitues-de-google-font-requests.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/solicitues-de-google-font-requests-300x55.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/solicitues-de-google-font-requests-768x141.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/solicitues-de-google-font-requests-610x112.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/solicitues-de-google-font-requests-460x84.jpg 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9073\" class=\"wp-caption-text\">Solicitudes de Google font<\/figcaption><\/figure>\n<h4>6. Conexi\u00f3n Singular\u00a0HTTP\/2<\/h4>\n<p>Si no ha le\u00eddo sobre las\u00a0<a href=\"https:\/\/kinqsta.com\/es\/aprender\/que-es-http2\/\" target=\"_blank\" rel=\"noopener noreferrer\">ventajas de HTTP\/2 todav\u00eda<\/a>, le instamos a hacerlo. Al alojar sus fuentes localmente o en su CDN, puede aprovechar una <strong>\u00fanica conexi\u00f3n HTTP\/2<\/strong> para mejorar el paralelismo y la multiplexaci\u00f3n.<\/p>\n<h3>Desventajas de Fuentes Locales<\/h3>\n<p>Ahora que hemos pasado por las ventajas de las fuentes locales, tambi\u00e9n hay algunas desventajas de las cuales debemos estar conscientes.<\/p>\n<h4>1.\u00a0 Google Font Puede Ser Cacheada Ya<\/h4>\n<p>Google Fonts utiliza su propia CDN que es r\u00e1pida, ya que es Google a fin de cuentas. Debido al hecho de que tantos sitios web ya utilizan fuentes de Google, es muy probable que el usuario ya tenga la fuente en la cache de su navegador. Si utiliza una fuente premium m\u00e1s exclusiva, podr\u00eda aumentar los tiempos de descarga. Por ejemplo, si alguien visita un sitio web que utiliza la fuente Roboto de fuentes de Google, se descargar\u00e1 en su cache. Si luego visitan su sitio web, que tambi\u00e9n utiliza Roboto, la fuente no tendr\u00e1 que ser descargada de nuevo. Pero si est\u00e1 utilizando una fuente premium reci\u00e9n liberada, como Proxima Soft, lo m\u00e1s probable es que tenga que descargar, lo que podr\u00eda aumentar los tiempos de carga.<\/p>\n<p>La clave aqu\u00ed es que va a utilizar una fuente premium que no se utiliza ampliamente, probablemente deba considerar que el navegador de esa persona que visita su sitio necesitar\u00e1 descargar esa fuente cuando llegue por primera vez a su sitio web. Nota: si utiliza un Google font y se lo aloja localmente como Roboto esto no se aplica ya que el navegador es bastante listo para detectarlo en la cache (da lo mismo si se carga desde Google o localmente de su sitio).<\/p>\n<h4>2. M\u00e1s Complejo<\/h4>\n<p>Nos damos cuenta de que no todo el mundo es un crack de WordPress. Alojar fuentes locales definitivamente toma un poco m\u00e1s de configuraci\u00f3n. Por ejemplo, un tema de WordPress puede llamar Google Fonts autom\u00e1ticamente en su tema y si aloja fuentes localmente necesitar\u00e1 encontrar una forma de deshabilitarlas para que dejen de llamar a su sitio. Esto podr\u00eda implicar una consulta con su desarrollador de temas para introducir una l\u00ednea r\u00e1pida de c\u00f3digo. Esto puede sonar complicado, pero vamos a tratar de explicar lo m\u00e1s f\u00e1cil posible en el tutorial a continuaci\u00f3n.<\/p>\n<h4>3.\u00a0M\u00e1s Cuidadoso Acerca de Opciones de Fuente<\/h4>\n<p>Cuando aloja fuentes locales, debe elegir los tipos de fuente que desea admitir. Si elige s\u00f3lo los formatos m\u00e1s recientes, como simplemente WOFF2, podr\u00eda estar dejando fuera los navegadores m\u00e1s antiguos que a su vez, regresar\u00edan por defecto a las viejas <a href=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-seguras-para-la-web\/\">fuentes web seguras<\/a>. Por ejemplo,\u00a0<a href=\"http:\/\/caniuse.com\/#feat=woff2\" target=\"_blank\" rel=\"noopener noreferrer\">de acuerdo con CanIUse<\/a>, IE11, Safari, y algunas versiones del Navegador Android podr\u00edan tener problemas con el uso de fuentes Web WOFF2. As\u00ed que probablemente querr\u00e1 usar WOFF + WOFF 2 para estar 100% seguro. WOFF 2 ofrece <a href=\"https:\/\/gist.github.com\/sergejmueller\/cf6b4f2133bcb3e2f64a\" target=\"_blank\" rel=\"noopener noreferrer\">m\u00e9todos de compresi\u00f3n mucho m\u00e1s altos<\/a>, por eso querr\u00e1 usar ambos.<\/p>\n<figure id=\"attachment_9074\" aria-describedby=\"caption-attachment-9074\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9074 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/soporte-de-navegador-de-woff-2.jpg\" alt=\"Soporte de navegador de Woff 2\" width=\"1024\" height=\"530\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/soporte-de-navegador-de-woff-2.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/soporte-de-navegador-de-woff-2-300x155.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/soporte-de-navegador-de-woff-2-768x398.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/soporte-de-navegador-de-woff-2-610x316.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/soporte-de-navegador-de-woff-2-460x238.jpg 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9074\" class=\"wp-caption-text\">Soporte de navegador de Woff 2<\/figcaption><\/figure>\n<p>Cuando utiliza un servicio de terceros, es casi imposible estropear esto, ya que estos se est\u00e1n encargando de una amplia gama de soporte para el navegador de inmediato. As\u00ed que al alojar localmente,\u00a0<strong>usted tiene que tener m\u00e1s cuidado sobre sus selecciones de tipo de fuente.<\/strong><\/p>\n<h4>4.\u00a0No lo haga sin CDN<\/h4>\n<p>Muchos sitios hoy d\u00eda est\u00e1n utilizando ahora una CDN como Cloudflare o KeyCDN para acelerar la entrega de sus activos. Esto es importante ya que reduce la latencia y los tiempos de b\u00fasqueda de DNS globalmente. Si utiliza fuentes locales y no utiliza una CDN, de hecho podr\u00eda ralentizar su sitio en lugar de utilizar un servicio como Google Fonts o Adobe Fonts. La raz\u00f3n es porque todos esos servicios utilizan una CDN para entregar sus fuentes. Por lo tanto, recomendamos encarecidamente, a menos que s\u00f3lo tenga tr\u00e1fico en una peque\u00f1a \u00e1rea geogr\u00e1fica, <strong>siempre use una CDN si est\u00e1 alojando sus propias fuentes<\/strong>. Y, por supuesto, aseg\u00farese de que est\u00e9 utilizando un <a href=\"https:\/\/es.wikipedia.org\/wiki\/HTTP\/2\">proveedor de CDN que soporte HTTP\/2<\/a>.<\/p>\n<p>La <a href=\"https:\/\/kinqsta.com\/es\/docs\/alojamiento-wordpress\/cdn-wordpress\/kinsta-cdn\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kinsta CDN<\/a> s\u00ed soporta HTTP\/2 y ancho de banda gratuito es incluido para todos los clientes.\u00a0?<\/p>\n<h2 id=\"host-local-fonts-wordpress\">C\u00f3mo Alojar Fuentes Locales en WordPress<\/h2>\n<p>\u00a1Ahora viene la parte divertida! Alojar sus fuentes locales en WordPress. Pasamos por dos diferentes opciones a continuaci\u00f3n, una es con una fuente premium que compramos, y la segunda es en realidad tomar una fuente de Google y alojarla localmente. En este tutorial estamos utilizando una nueva instalaci\u00f3n de WordPress con el tema Twenty Seventeen instalado.<\/p>\n<ul style=\"margin-left: 30px\">\n<li><a href=\"#host-fonts-locally\">C\u00f3mo Alojar Fuentes Premium Localmente<\/a><\/li>\n<li><a href=\"#host-google-fonts-locally\">C\u00f3mo Alojar Google Fonts Localmente<\/a><\/li>\n<\/ul>\n<h3><a id=\"host-fonts-locally\"><\/a>1. C\u00f3mo Alojar Fuentes\u00a0Premium Localmente<\/h3>\n<p>Para alojar una fuente premium localmente, elegimos ir con Fontspring y la nueva <a href=\"https:\/\/www.fontspring.com\/fonts\/mark-simonson-studio\/proxima-soft-standard\" target=\"_blank\" rel=\"noopener noreferrer\">Proxima Soft font<\/a>\u00a0lanzada en Enero de 2017. Proxima Nova Soft, creado por Mark Simonson, es una versi\u00f3n m\u00e1s reciente de la fuente original Proxima Nova. Elegimos Fontspring porque no requiere scripts de seguimiento de parte de terceros y la fuente es una compra \u00fanica que se puede utilizar en un n\u00famero ilimitado de sitios. Tenga mucho cuidado al comprar fuentes, ya que muchas de ellas requieren scripts de seguimiento de terceros, lo que en cierto grado derrota el prop\u00f3sito de hospedarlas localmente.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/02\/fontspring-logo.jpg\" width=\"1291\" height=\"153\"><\/p>\n<p>Compramos las fuentes Proxima Soft Regular y Proxima Soft Bold. Generalmente un tipo de fuente regular y negrita es suficiente para la mayor\u00eda de los sitios. Dependiendo de su sitio, es posible que tambi\u00e9n desee obtener una versi\u00f3n en cursiva y semi-negrita. Nota: \u00a1No tenemos ning\u00fan afiliado con Fontspring, simplemente pensamos que es una buena compra de fuentes premium!<\/p>\n<h3>Paso\u00a01<\/h3>\n<p>Despu\u00e9s de comprar sus fuentes, obtendr\u00e1 un correo electr\u00f3nico con un enlace a los archivos de fuentes.<\/p>\n<figure id=\"attachment_9060\" aria-describedby=\"caption-attachment-9060\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9060 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-proxima-soft.png\" alt=\"Descarga de Proxima Soft\" width=\"1024\" height=\"167\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-proxima-soft.png 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-proxima-soft-300x49.png 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-proxima-soft-768x125.png 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-proxima-soft-610x99.png 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-proxima-soft-460x75.png 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9060\" class=\"wp-caption-text\">Descarga de Proxima Soft<\/figcaption><\/figure>\n<h3>Paso\u00a02<\/h3>\n<p>Cada versi\u00f3n de la fuente, como negrita y regular, tendr\u00e1 sus propios tipos de fuente, como WOFF2, WOFF, TTF, etc. En este ejemplo vamos a utilizar las versiones WOFF y WOFF2 de bold y bold regular, lo que asegura un soporte de navegador moderno balanceado.<\/p>\n<figure id=\"attachment_9056\" aria-describedby=\"caption-attachment-9056\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9056 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/archivos-font-localespng-1.png\" alt=\"Archivos de fuentes locales\" width=\"1024\" height=\"330\"><figcaption id=\"caption-attachment-9056\" class=\"wp-caption-text\">Archivos de fuentes locales<\/figcaption><\/figure>\n<h3>Paso\u00a03<\/h3>\n<p>Tomamos los archivos de fuentes y los subimos a trav\u00e9s de FTP a nuestro sitio de WordPress a una carpeta que creamos llamada \u00abfuentes\u00bb. En este ejemplo, estamos usando una CDN para todos nuestros activos, junto con el <a href=\"https:\/\/wordpress.org\/plugins\/cdn-enabler\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin gratuito CDN Enabler<\/a>\u00a0del equipo de KeyCDN. Este plugin copia autom\u00e1ticamente nuestras fuentes que acabamos de subir a nuestra CDN. A pesar de que decimos alojarlas localmente, una CDN sigue haciendo referencia a sus activos locales. La parte importante es que est\u00e1 sirviendo todos sus activos desde la misma ubicaci\u00f3n, sin hacer referencia a dominios m\u00faltiples (hosts).<\/p>\n<figure id=\"attachment_9064\" aria-describedby=\"caption-attachment-9064\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9064 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-ftp.jpg\" alt=\"Cargar Google fonts al servidor\" width=\"1024\" height=\"509\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-ftp.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-ftp-300x149.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-ftp-768x382.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-ftp-610x303.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-ftp-460x229.jpg 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9064\" class=\"wp-caption-text\">Cargar Google fonts al servidor<\/figcaption><\/figure>\n<h3>Paso\u00a04<\/h3>\n<p>Usted tendr\u00e1 la necesidad de hacer referencia a sus nuevas fuentes en CSS en su sitio WordPress. Muchos temas tienen un panel CSS personalizado hoy d\u00eda, o puede usar un plugin gratis como <a href=\"https:\/\/wordpress.org\/plugins\/custom-css-js\/\" target=\"_blank\" rel=\"noopener noreferrer\">Simple Custom CSS y JS<\/a>. Vamos a insertar el siguiente c\u00f3digo, haciendo referencia a la URDL de nuestra CDN.<\/p>\n<p><span style=\"font-family: Consolas, Monaco, monospace\">@font-face {<\/span><\/p>\n<pre> font-family: 'proxima_softregular';\n src: url('https:\/\/cdn.wpdev.ink\/fonts\/proximasoft-regular-webfont.woff2') format('woff2'),\n url('https:\/\/cdn.wpdev.ink\/fonts\/proximasoft-regular-webfont.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'proxima_softbold';\n src: url('https:\/\/cdn.wpdev.ink\/fonts\/proximasoft-bold-webfont.woff2') format('woff2'),\n url('https:\/\/cdn.wpdev.ink\/fonts\/proximasoft-bold-webfont.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}<\/pre>\n<p>Tambi\u00e9n tendr\u00e1 que actualizar sus estilos para que apunte a la nueva familia de fuentes. He aqu\u00ed un ejemplo del c\u00f3digo que usamos en el tema Twenty Seventeen.<\/p>\n<p><span style=\"font-family: Consolas, Monaco, monospace\">body {font-family: &#8216;proxima_softregular&#8217;, Arial, sans-serif;}<\/span><\/p>\n<pre>h1,h2,h3,h4,h5,h6 {font-family:'proxima_softbold', Arial, sans-serif;}<\/pre>\n<p>Aqu\u00ed hay una captura de pantalla del plugin Simple Custom CSS y JS.<\/p>\n<figure id=\"attachment_9065\" aria-describedby=\"caption-attachment-9065\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9065 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-persionalizados-c\u00f3digo-css.jpg\" alt=\"Fuentes locales persionalizados c\u00f3digo CSS\" width=\"1024\" height=\"810\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-persionalizados-c\u00f3digo-css.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-persionalizados-c\u00f3digo-css-300x237.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-persionalizados-c\u00f3digo-css-768x608.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-persionalizados-c\u00f3digo-css-610x483.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-persionalizados-c\u00f3digo-css-387x306.jpg 387w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9065\" class=\"wp-caption-text\">Fuentes locales persionalizadas c\u00f3digo CSS<\/figcaption><\/figure>\n<h3>Paso\u00a05<\/h3>\n<p>Si tu tema de WordPress tiene fuentes de Google ya integradas en \u00e9l, deber\u00e1 asegurarse de deshabilitarlas. De lo contrario, podr\u00eda cargar tanto las fuentes locales como las fuentes de Google. Dado que estamos utilizando el tema Twenty Seventeen en este tutorial, utilizamos el <a href=\"https:\/\/wordpress.org\/plugins\/disable-google-fonts\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin de Disable Google Fonts<\/a>. Esto s\u00f3lo funciona para los temas predeterminados en WordPress. Para la mayor\u00eda de los temas es probable que tenga que contactar su desarrollador y que puedan proporcionar r\u00e1pidamente una funci\u00f3n para desactivar las fuentes de Google. O comprobar su documentaci\u00f3n, por lo general este es un ajuste muy r\u00e1pido. Algunos temas pueden incluso tener una opci\u00f3n para activarlos o desactivarlos en el back-end.<\/p>\n<p>\u00a1Y eso es todo! Esta es una captura de pantalla con nuestra nueva fuente de Proxima Soft cargando para nuestra fuente de cuerpo y cabeceras en el tema Twenty Seventeen.<\/p>\n<figure id=\"attachment_9070\" aria-describedby=\"caption-attachment-9070\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9070 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-nuevas-en-sitio-wordpress.jpg\" alt=\"Fuentes nuevas en sitio WordPress\" width=\"1024\" height=\"726\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-nuevas-en-sitio-wordpress.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-nuevas-en-sitio-wordpress-300x213.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-nuevas-en-sitio-wordpress-768x545.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-nuevas-en-sitio-wordpress-610x432.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-nuevas-en-sitio-wordpress-432x306.jpg 432w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9070\" class=\"wp-caption-text\">Fuentes nuevas en sitio WordPress<\/figcaption><\/figure>\n<p>Y aqu\u00ed hay una captura de pantalla de nuestras peticiones HTTP. Como puede ver, s\u00f3lo tenemos 2 solicitudes para las fuentes WOFF2, en lugar de las 4 solicitudes de Google que mostramos anteriormente. Tenemos las fuentes de WOFF en el sitio tambi\u00e9n, pero puesto que Chrome apoya WOFF2, \u00e9sas ser\u00e1n utilizadas en su lugar. Si hubi\u00e9ramos ido al sitio con IE 11 por ejemplo, las fuentes WOFF se habr\u00edan cargado en su lugar.<\/p>\n<figure id=\"attachment_9063\" aria-describedby=\"caption-attachment-9063\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9063 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-cargando.jpg\" alt=\"Solicitudes HTTP para fuentes alojados localmente\" width=\"1024\" height=\"651\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-cargando.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-cargando-300x191.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-cargando-768x488.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-cargando-610x388.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-cargando-460x292.jpg 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9063\" class=\"wp-caption-text\">Solicitudes HTTP para fuentes alojadas localmente<\/figcaption><\/figure>\n<h3><a id=\"host-google-fonts-locally\"><\/a>2. C\u00f3mo Alojar Google Fonts Localmente<\/h3>\n<p>La segunda forma de alojar fuentes localmente es usar una fuente que ya le encant\u00f3 en Google Fonts y simplemente moverla a su servidor o CDN. Open Sans se sabe que es muy ligera y super r\u00e1pida. As\u00ed que usaremos esta en nuestro ejemplo.<\/p>\n<h3>Paso\u00a01<\/h3>\n<p>La mejor manera de agarrar las Fuentes de Google es usar la herramienta <a href=\"https:\/\/google-webfonts-helper.herokuapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">google-webfonts-helper<\/a>\u00a0, que estamos usando para este tutorial.\u00a0Y quiz\u00e1s tambi\u00e9n desee comprobar el proyecto <a href=\"https:\/\/fontfaceobserver.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Font Face Observer<\/a>. Lo primero que tendr\u00e1 que hacer es buscar la fuente de Google que desee y seleccionar los estilos. Volvemos a elegir los estilos de fuente regular y negrita (700).<\/p>\n<figure id=\"attachment_9059\" aria-describedby=\"caption-attachment-9059\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9059 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-open-sans-font.jpg\" alt=\"Descarga de Open Sans Font\" width=\"1024\" height=\"946\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-open-sans-font.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-open-sans-font-300x277.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-open-sans-font-768x710.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-open-sans-font-610x564.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/descargar-open-sans-font-331x306.jpg 331w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9059\" class=\"wp-caption-text\">Descarga de Open Sans font<\/figcaption><\/figure>\n<h3>Paso\u00a02<\/h3>\n<p>A continuaci\u00f3n, tendr\u00e1 que elegir el soporte de navegador que desee. Los navegadores modernos le dar\u00e1n las fuentes WOFF y WOFF2, que es lo que queremos. El mejor soporte le da WOFF, WOFF2, EOT, TTF y SVG. Como puede ver, le da el c\u00f3digo que puede copiar en su portapapeles, as\u00ed como el zip de descarga que contiene las fuentes.<\/p>\n<figure id=\"attachment_9069\" aria-describedby=\"caption-attachment-9069\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9069 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-modern-browsers.jpg\" alt=\"CSS para fuentes en modern browsers\" width=\"1024\" height=\"884\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-modern-browsers.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-modern-browsers-300x259.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-modern-browsers-768x663.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-modern-browsers-610x527.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-modern-browsers-354x306.jpg 354w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9069\" class=\"wp-caption-text\">CSS para fuentes en modern browsers<\/figcaption><\/figure>\n<p>El resto de las instrucciones son muy similares a nuestro ejemplo de fuentes premium anterior.<\/p>\n<h3>Paso\u00a03<\/h3>\n<p>Tomamos los archivos de fuentes y los enviamos a trav\u00e9s de FTP a nuestro sitio de WordPress a una carpeta que creamos llamada \u00abfuentes\u00bb. En este ejemplo, estamos usando una CDN para todos nuestros activos, junto con el <a href=\"https:\/\/wordpress.org\/plugins\/cdn-enabler\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin CDN Enabler<\/a>\u00a0gratuito del equipo de KeyCDN. Este plugin copia autom\u00e1ticamente nuestras fuentes que acabamos de subir a nuestra CDN. A pesar de que decimos alojarlas localmente, una CDN sigue haciendo referencia a sus activos locales. La parte importante es que est\u00e1 sirviendo todos sus activos desde la misma ubicaci\u00f3n, sin hacer referencia a dominios m\u00faltiples (hosts).<\/p>\n<figure id=\"attachment_9057\" aria-describedby=\"caption-attachment-9057\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9057 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/cargar-google-fonts-al-servidor.jpg\" alt=\"Cargar Google fonts al servidor\" width=\"1024\" height=\"625\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/cargar-google-fonts-al-servidor.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/cargar-google-fonts-al-servidor-300x183.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/cargar-google-fonts-al-servidor-768x469.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/cargar-google-fonts-al-servidor-610x372.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/cargar-google-fonts-al-servidor-460x281.jpg 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9057\" class=\"wp-caption-text\">Cargar Google fonts al servidor<\/figcaption><\/figure>\n<h3>Paso\u00a04<\/h3>\n<p>Usted tendr\u00e1 la necesidad de hacer referencia a sus nuevas fuentes en CSS en su sitio WordPress. Muchos temas tienen un panel CSS personalizado hoy d\u00eda, o puede usar un plugin gratis como <a href=\"https:\/\/wordpress.org\/plugins\/custom-css-js\/\" target=\"_blank\" rel=\"noopener noreferrer\">Simple Custom CSS and JS<\/a>. Insertaremos el c\u00f3digo siguiente haciendo referencia a la URL de nuestra CDN.<\/p>\n<p><span style=\"font-family: Consolas, Monaco, monospace\">\/* open-sans-regular &#8211; latin *\/<\/span><\/p>\n<pre>@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n src: local('Open Sans'), local('OpenSans'),\n url('https:\/\/cdn.wpdev.ink\/fonts\/open-sans-v13-latin-regular.woff2') format('woff2'), \/* Chrome 26+, Opera 23+, Firefox 39+ *\/\n url('https:\/\/cdn.wpdev.ink\/fonts\/open-sans-v13-latin-regular.woff') format('woff'); \/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *\/\n}\n\/* open-sans-700 - latin *\/\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n src: local('Open Sans Bold'), local('OpenSans-Bold'),\n url('https:\/\/cdn.wpdev.ink\/fonts\/open-sans-v13-latin-700.woff2') format('woff2'), \/* Chrome 26+, Opera 23+, Firefox 39+ *\/\n url('https:\/\/cdn.wpdev.ink\/fonts\/open-sans-v13-latin-700.woff') format('woff'); \/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *\/\n}<\/pre>\n<p>Tambi\u00e9n tendr\u00e1 que actualizar sus estilos para que apunte a la nueva familia de fuentes. He aqu\u00ed un ejemplo del c\u00f3digo que usamos en el tema Twenty Seventeen.<\/p>\n<p><span style=\"font-family: Consolas, Monaco, monospace\">body {font-family: &#8216;Open Sans&#8217;, Arial, sans-serif;}<\/span><\/p>\n<pre>h1,h2,h3,h4,h5,h6 {font-family:'Open Sans', Arial, sans-serif;}<\/pre>\n<p>Aqu\u00ed hay una captura de pantalla del complemento Simple Custom CSS y JS.<\/p>\n<figure id=\"attachment_9058\" aria-describedby=\"caption-attachment-9058\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9058 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/css-personalizado-local-fonts-open-sansjpg.jpg\" alt=\"CSS personalizado para fonts Open Sans Font local\" width=\"1024\" height=\"617\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/css-personalizado-local-fonts-open-sansjpg.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/css-personalizado-local-fonts-open-sansjpg-300x181.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/css-personalizado-local-fonts-open-sansjpg-768x463.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/css-personalizado-local-fonts-open-sansjpg-610x368.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/css-personalizado-local-fonts-open-sansjpg-460x277.jpg 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9058\" class=\"wp-caption-text\">CSS personalizado para fonts Open Sans Font local<\/figcaption><\/figure>\n<h3>Paso\u00a05<\/h3>\n<p>Si tu tema de WordPress tiene fuentes de Google ya integradas en \u00e9l, deber\u00e1 asegurarse de deshabilitarlas. Esto puede parecer un poco ir\u00f3nico, ya que estamos usando fuentes de Google. Pero la raz\u00f3n por la que necesita hacer esto es desactivar las peticiones externas. Dado que estamos utilizando el tema Twenty Seventeen en este tutorial, utilizamos el <a href=\"https:\/\/wordpress.org\/plugins\/disable-google-fonts\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin de Disable Google Fonts <\/a>gratis. Esto s\u00f3lo funciona para los temas predeterminados en WordPress. Para la mayor\u00eda de los temas es probable que tenga que buscar un desarrollador que pueda proporcionar r\u00e1pidamente una funci\u00f3n para desactivar las fuentes de Google. O comprobar su documentaci\u00f3n, por lo general este es un ajuste muy r\u00e1pido. Algunos temas pueden incluso tener una opci\u00f3n para activarlos o desactivarlos en el back-end.<\/p>\n<p>\u00a1Y eso es todo! Esta es una captura de pantalla con nuestro nueva fuenta Google Open Sans carg\u00e1ndose para nuestra fuente de cuerpo y cabeceras en el tema Twenty Seventeen.<\/p>\n<figure id=\"attachment_9061\" aria-describedby=\"caption-attachment-9061\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9061 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/ejemplo-de-local-fonts-open-sans.jpg\" alt=\"Ejemplo de Open Sans font alojado localmente\" width=\"1024\" height=\"845\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/ejemplo-de-local-fonts-open-sans.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/ejemplo-de-local-fonts-open-sans-300x248.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/ejemplo-de-local-fonts-open-sans-768x634.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/ejemplo-de-local-fonts-open-sans-610x503.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/ejemplo-de-local-fonts-open-sans-371x306.jpg 371w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9061\" class=\"wp-caption-text\">Ejemplo de Open Sans font alojado localmente<\/figcaption><\/figure>\n<p>Y aqu\u00ed hay una captura de pantalla de nuestras peticiones. Como puede ver, s\u00f3lo tenemos 2 solicitudes para las fuentes WOFF2, en lugar de las 4 solicitudes de Google que mostramos anteriormente. Tenemos las fuentes de WOFF en el sitio tambi\u00e9n, pero puesto que Chrome apoya WOFF2, \u00e9sas ser\u00e1n utilizadas en su lugar. Si hubi\u00e9ramos ido al sitio con IE 11 por ejemplo, las fuentes WOFF se habr\u00edan cargado en su lugar.<\/p>\n<figure id=\"attachment_9055\" aria-describedby=\"caption-attachment-9055\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9055 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/abrir-solicitudes-de-sans-http.jpg\" alt=\"Solicitudes HTTP de Open Sans\" width=\"1024\" height=\"649\" srcset=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/abrir-solicitudes-de-sans-http.jpg 1024w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/abrir-solicitudes-de-sans-http-300x190.jpg 300w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/abrir-solicitudes-de-sans-http-768x487.jpg 768w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/abrir-solicitudes-de-sans-http-610x387.jpg 610w, https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/abrir-solicitudes-de-sans-http-460x292.jpg 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-9055\" class=\"wp-caption-text\">Solicitudes HTTP de Open Sans<\/figcaption><\/figure>\n<h2>Resumen<\/h2>\n<p>\u00a1Y eso es! Ahora sabe c\u00f3mo alojar fuentes locales sean de una tienda de fuentes premium o mover las fuentes de Google a su propio servidor y\/o CDN. As\u00ed que ahora usted puede ir a echar un vistazo a todas las fuentes hermosas por ah\u00ed sin preocuparse tanto por c\u00f3mo afectan el rendimiento. \u00a1Podr\u00edan dar un maquillaje a su sitio WordPress que ha estado necesitando! (aseg\u00farese de leer nuestra gu\u00eda detallada sobre las <a href=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-wordpress\/\">fuentes de WordPress<\/a>) Y si usted est\u00e1 curioso del por qu\u00e9 no estamos usando fuentes locales, es porque estamos trabajando en un nuevo dise\u00f1o de sitio web, por lo que podr\u00edamos usarlas en un futuro pr\u00f3ximo.<\/p>\n<p>Nos encantar\u00eda saber cu\u00e1l es su configuraci\u00f3n. \u00bfEst\u00e1 utilizando un servicio de terceros para cargar sus fuentes web y ya ha tratado de alojar localmente?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando se trata de alojamiento y uso de fuentes en su sitio WordPress hay un mont\u00f3n de opciones diferentes. Puede alojarlas localmente, puede utilizar las fuentes &#8230;<\/p>\n","protected":false},"author":38,"featured_media":9068,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[408,172],"topic":[1358,1347],"class_list":["post-9048","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webperf","tag-wordpress","topic-diseno-sitios-web-wordpress","topic-fuentes-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gu\u00eda en profundidad sobre Alojar Fuentes Locales en WordPress<\/title>\n<meta name=\"description\" content=\"Lea una gu\u00eda detallada sobre fuentes locales de WordPress. Los ejemplos incluyen el uso de fuente premium as\u00ed como mover Google fonts a su propio servidor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gu\u00eda en Profundidad sobre Alojar Fuentes Locales en WordPress\" \/>\n<meta property=\"og:description\" content=\"Lea una gu\u00eda detallada sobre fuentes locales de WordPress. Los ejemplos incluyen el uso de fuente premium as\u00ed como mover Google fonts a su propio servidor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-12T09:36:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-13T11:21:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/11\/ES-Homepage-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Lea una gu\u00eda detallada sobre fuentes locales de WordPress. Los ejemplos incluyen el uso de fuente premium as\u00ed como mover Google fonts a su propio servidor.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/2017\/05\/fuentes-locales-wordpress-tw.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Gu\u00eda en Profundidad sobre Alojar Fuentes Locales en WordPress\",\"datePublished\":\"2017-05-12T09:36:17+00:00\",\"dateModified\":\"2025-02-13T11:21:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/\"},\"wordCount\":3420,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-wordpress.png\",\"keywords\":[\"webperf\",\"WordPress\"],\"articleSection\":[\"Tutoriales de rendimienro de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/\",\"url\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/\",\"name\":\"Gu\u00eda en profundidad sobre Alojar Fuentes Locales en WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-wordpress.png\",\"datePublished\":\"2017-05-12T09:36:17+00:00\",\"dateModified\":\"2025-02-13T11:21:00+00:00\",\"description\":\"Lea una gu\u00eda detallada sobre fuentes locales de WordPress. Los ejemplos incluyen el uso de fuente premium as\u00ed como mover Google fonts a su propio servidor.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-wordpress.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-wordpress.png\",\"width\":1024,\"height\":512,\"caption\":\"fuentes locales wordpress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fuentes WordPress\",\"item\":\"https:\/\/kinqsta.com\/es\/secciones\/fuentes-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gu\u00eda en Profundidad sobre Alojar Fuentes Locales en WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/es\/#website\",\"url\":\"https:\/\/kinqsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinqsta.com\/es\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Gu\u00eda en profundidad sobre Alojar Fuentes Locales en WordPress","description":"Lea una gu\u00eda detallada sobre fuentes locales de WordPress. Los ejemplos incluyen el uso de fuente premium as\u00ed como mover Google fonts a su propio servidor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/","og_locale":"es_ES","og_type":"article","og_title":"Gu\u00eda en Profundidad sobre Alojar Fuentes Locales en WordPress","og_description":"Lea una gu\u00eda detallada sobre fuentes locales de WordPress. Los ejemplos incluyen el uso de fuente premium as\u00ed como mover Google fonts a su propio servidor.","og_url":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2017-05-12T09:36:17+00:00","article_modified_time":"2025-02-13T11:21:00+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/11\/ES-Homepage-featured-image.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Lea una gu\u00eda detallada sobre fuentes locales de WordPress. Los ejemplos incluyen el uso de fuente premium as\u00ed como mover Google fonts a su propio servidor.","twitter_image":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/2017\/05\/fuentes-locales-wordpress-tw.png","twitter_creator":"@brianleejackson","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Brian Jackson","Tiempo de lectura":"18 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Gu\u00eda en Profundidad sobre Alojar Fuentes Locales en WordPress","datePublished":"2017-05-12T09:36:17+00:00","dateModified":"2025-02-13T11:21:00+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/"},"wordCount":3420,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-wordpress.png","keywords":["webperf","WordPress"],"articleSection":["Tutoriales de rendimienro de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/","url":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/","name":"Gu\u00eda en profundidad sobre Alojar Fuentes Locales en WordPress","isPartOf":{"@id":"https:\/\/kinqsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-wordpress.png","datePublished":"2017-05-12T09:36:17+00:00","dateModified":"2025-02-13T11:21:00+00:00","description":"Lea una gu\u00eda detallada sobre fuentes locales de WordPress. Los ejemplos incluyen el uso de fuente premium as\u00ed como mover Google fonts a su propio servidor.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#primaryimage","url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-wordpress.png","contentUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/fuentes-locales-wordpress.png","width":1024,"height":512,"caption":"fuentes locales wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-locales\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Fuentes WordPress","item":"https:\/\/kinqsta.com\/es\/secciones\/fuentes-wordpress\/"},{"@type":"ListItem","position":3,"name":"Gu\u00eda en Profundidad sobre Alojar Fuentes Locales en WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/es\/#website","url":"https:\/\/kinqsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinqsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinqsta.com\/es\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/9048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/comments?post=9048"}],"version-history":[{"count":16,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/9048\/revisions"}],"predecessor-version":[{"id":41886,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/9048\/revisions\/41886"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/9048\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/9048\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/9048\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/9048\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/9048\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/9048\/translations\/jp"},{"href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/9048\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/media\/9068"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/media?parent=9048"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/tags?post=9048"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/topic?post=9048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}