Las Fuentes son un elemento de dise o importante que puede afectar significativamente la percepci n y el aspecto Visual de una p gina web. Pero, qu pasa si la fuente deseada no est disponible en la computadora? La soluci n al problema es agregar la fuente descargada.
Primero debe descargar la fuente deseada de un recurso confiable. A menudo, las Fuentes se proporcionan en un archivo que debe descomprimirse. Despu s de descomprimir, deber a ver los archivos con su extensi n (generalmente esto .otf o .ttf).
Ahora vaya a su carpeta de proyecto o cree una nueva carpeta. Es importante que esta carpeta est en el mismo directorio donde se encuentra su archivo HTML. En esta carpeta, copie los archivos de la fuente descargada.
Una vez que los archivos de fuente se hayan copiado en la carpeta deseada, proceda a agregar la fuente a su archivo HTML. Para hacer esto, debe abrir su archivo HTML en un Editor de texto. Busque el lugar en el c digo donde desea agregar la fuente y use el siguiente c digo:
font-family es el nombre de la fuente que puede elegir y especificar usted mismo.
src es la ruta del archivo de fuente. Reemplace ' nombre_shrift.extensi n ' en el nombre completo del archivo de fuente, incluida su extensi n.
format es un formato de fuente. Especif quelo de acuerdo con el formato del archivo de fuente (generalmente "truetype" u "opentype").
Despu s de insertar el c digo en su archivo HTML, gu rdelo y abra la p gina web en su navegador. La fuente que elija ahora debe estar disponible para su uso en su p gina web.
C mo agregar una fuente descargada a su sitio web
Agregar una fuente descargada a su sitio web puede ser un paso importante para crear un dise o nico y atractivo. Los pasos a continuaci n lo ayudar n a agregar la fuente descargada a su sitio web.
1. Descargue la fuente que desea agregar a su sitio web. Por lo general, las Fuentes vienen como archivos con una extensi n .ttf o .otf.
2. Cree una carpeta en su computadora para almacenar las Fuentes de su sitio web. Nombre la carpeta "fonts" o cualquier otro nombre conveniente.
3. Coloque los archivos de fuente descargados en la carpeta "fonts". Aseg rese de que los archivos de Fuentes est n directamente en la carpeta "Fuentes" y no est n dentro de otra carpeta.
4. Copie la ruta de los archivos de fuente. Para copiar la ruta, haga clic con el bot n derecho en el archivo de fuente y seleccione Propiedades o propiedades de archivo. Luego copie la ruta del campo ubicaci n.
5. Abra el archivo CSS de su sitio web. Normalmente es un archivo con una extensi n .css y se llama " style.css . Si no tiene dicho archivo, cree uno en la carpeta ra z de su sitio web.
6. En el archivo CSS, agregue el siguiente c digo:
@font-face {
font-family: "Nombre_shrift";
src: url ("ruta/a / archivo / fuente.ttf");
}
Reemplace "Nombre_shrift" con el nombre que desea usar para esa fuente y "ruta/a/archivo/fuente.ttf " en la ruta copiada al archivo de fuente. Si su archivo de fuente tiene una extensi n .otf, reemplace ".ttf "en".otf " en la ruta del archivo.
8. Guarde y cierre el archivo CSS. Aseg rese de que el archivo se guarde en la misma carpeta donde se encuentran los otros archivos de su sitio web.
9. Use la nueva fuente en su c digo CSS especificando "Nombre_rift" en la propiedad "font-family". Por ejemplo:
h1 {
font-family: "Nombre", sans-serif;
}
Ahora su sitio web utilizar la fuente descargada para los elementos especificados.