EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
PF Preguntas - Foro

Cómo usar una fuente personalizada en tu web mediante CSS

Programación CSS
Cómo usar una fuente personalizada en tu web mediante CSS

Cuando creas páginas web, puedes elegir entre una serie de fuentes para aplicar a los textos de la misma. Pero, ¿y si queremos que nuestra web tenga una fuente en especial?

Bien, lo primero será buscar los archivos de la fuente que quieres utilizar. Para ello, con una simple búsqueda por Internet encontrarás miles de ellas listas para su descarga. En este caso, vamos a usar el formato Truetype, para ello, la fuente que te bajes tiene que tener la extensión de archivo TTF.

Una vez la tengas, para añadir esta fuente a tu página web, tan simple como añadir las siguientes líneas a tu hoja de estilo.

En este código, NombreFuente indica el nombre que quieres dar a esta nueva fuente; y en la tercera línea del código, en el atributo src deberás indicar la ruta, dentro del sitio web que estés creando, donde hayas guardado la fuente descargada.

Una vez añadido este código a tu hoja de estilos, o directamente a la página mediante HTML, simplemente usa esta nueva fuente como normalmente usarías cualquier otra, es decir, asignando, al atributo font-family del estilo del elemento que desees, el valor que hayas dato en el código anterior.

A continuación te mostramos un par de ejemplos:

Ya puedes hacer que tu web luzca mejor usando cualquier fuente que quieras y no solo las que, por defecto, permiten los distintos navegadores.

 

Únete al canal de Telegram

Déjanos un comentario o entra al  Foro
Compártelo Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page

Artículos relacionados

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *