Cómo insertar fuentes en una página web

Aquí hay una solución sobre cómo obtener archivos en tres formatos para una fuente determinada. Normalmente, tenemos a mano (o hemos encontrado en un sitio web de recursos de diseño) un archivo de fuente en algún formato, más comúnmente un archivo .TTF, y necesitamos convertir ese formato de archivo a los dos formatos de archivo restantes. La conversión de formatos de archivos de fuentes se puede lograr a través del servicio de conversión de fuentes en línea proporcionado por los sitios web FontsQuirrel o onlinefontconverter. Aquí se recomienda la primera web porque nos permite seleccionar los caracteres que queremos para generar el archivo de fuente (en la última opción del servicio), lo que reduce notablemente el tamaño del archivo de fuente y hace más práctico el programa.

En el segundo paso, después de obtener los archivos de fuentes en tres formatos, el código fuente se subirá al cielo

El siguiente paso es declarar las fuentes en la hoja de estilos y Utilice las fuentes cuando sea necesario.

La declaración de fuente es la siguiente:

@font-face {

font-family: 'fontNameRegular';

src: url(' fontName.eot');

src: local('fontName Regular'),

local('fontName'),

url(' fontName.woff ') formato ('woff'),

url('fontName.ttf') formato ('truetype'),

url('fontName.svg#fontName' ) format ( 'svg');}//*donde fontName se reemplaza con el nombre de su fuente*/

Utilice la fuente donde sea necesario en la página: