Cómo incrustar fuentes en su sitio de blog

Rate this post
  1. Medios de comunicación social
  2. Bloguear
  3. Cómo incrustar fuentes en su sitio de blog

Libro Relacionado

Por Melissa Culbertson

En un momento dado, el texto en vivo se limitaba a utilizar fuentes seguras para la web. Afortunadamente, ahora tienes muchas más opciones interesantes con respecto a las fuentes, gracias a la tecnología de incrustación de fuentes, que te permite incrustar una fuente en las páginas web de tu blog. Con una fuente incrustada, los visitantes ven la fuente que seleccionó para su diseño, incluso si esa fuente no es segura para la Web.

Entonces, ¿cuál es el truco? Las fuentes integradas pueden ralentizar la descarga de su blog en el navegador de un visitante. Además, para que las fuentes incrustadas funcionen, los navegadores web de sus visitantes deben ser compatibles con el incrustado de fuentes.

Cuando se trata de fuentes, un navegador sabe qué fuente mostrar por el nombre de la fuente que aparece en su CSS (Cascading Style Sheet). Con una fuente segura para la Web, el navegador muestra la fuente correctamente al extraer la información de esa fuente del sistema operativo de la computadora.

Con una fuente incrustada, un navegador muestra la fuente correctamente porque el CSS de ese sitio web define dónde un navegador puede encontrar los archivos de fuente que necesita para mostrar (ya que la fuente no está en la computadora del visitante del sitio web).

Servicios como Adobe Typekit y Google Web Fonts alojan las fuentes por usted. Cuando alguien visita tu blog, tu CSS sabe que debe mostrar una fuente incrustada tirando de los archivos de fuente desde otra ubicación que no sea tu ordenador.

Para usar fuentes incrustadas con uno de estos servicios, te proporcionan el código que necesitas para mostrar una fuente en tu blog. ¡Bien! A partir de ahí, necesitas poder añadir el código que proporcionan al documento HTML de tu blog, normalmente en un archivo llamado header.php en WordPress o editando tu archivo de plantilla en Blogger.

También necesitas poder alterar tu CSS para poder cambiar de tus fuentes actuales a los nombres de las fuentes que quieres incrustar.

Una forma más avanzada de usar fuentes incrustadas es usar la propiedad @font-face dentro de su CSS. Para hacer esto, necesita estar lo suficientemente familiarizado con la codificación para codificarla manualmente o usar un servicio como FontSquirrel, que le ayuda a generar el código y los archivos necesarios para usar la propiedad @font-face. Los archivos de fuente pueden ser alojados en su propio servidor o con un servicio de fuente como FontSquirrel.