La fuente es una parte integral del diseño web, lo que le da al sitio un estilo distintivo. El texto de alta calidad en la página debe verse armonioso, combinarse con el resto de elementos del sitio y, al mismo tiempo, contribuir a una mejor percepción de la información. Con el marcado HTML y las tablas en cascada de CSS, puede personalizar casi cualquier configuración para maximizar el rendimiento de la página.
Necesario
archivo de fuente en formato TTF
Instrucciones
Paso 1
Para usar un conjunto de fuentes instaladas en su computadora, puede usar el parámetro de familia de fuentes de las hojas de estilo en cascada. Para hacer esto, ingrese el siguiente código para el artículo deseado:
Texto
Este comando mostrará el encabezado h2 de segundo nivel en el tipo de letra Arial.
Paso 2
Si desea utilizar su propia fuente, primero debe cargarla en el alojamiento y habilitarla con el comando correspondiente. Los archivos TTF se incluyen con el siguiente comando:
El atributo font-family en este caso especifica el nombre del tipo de letra, y src: url (font.ttf) especifica la ruta al archivo TTF.
Paso 3
Después de habilitar el elemento, puede usarlo para mostrar texto:
Texto
Este comando es responsable de mostrar la fuente requerida en cursiva en el encabezado del segundo nivel. Si el navegador del usuario no admite el manejo de archivos TTF, se utilizará la fuente del sistema especificada después de la primera coma (en este caso, Verdana).
Paso 4
Algunos navegadores no admiten TTF descargable. Por ejemplo, Internet Explorer 8 usa el formato EOT para mostrar texto. Para tales navegadores, convierta el TTF original usando múltiples servicios e incluya el tipo de letra resultante en el parámetro @ font-face de la misma manera.
Paso 5
Si desea importar el archivo que necesita de otro recurso, use el comando @import, que debe estar escrito en la parte superior del documento CSS:
@import url (https:// dirección_fuente)
