Cómo utilizar CSS3 fuentes incrustadas para Firefox y IE

Hojas de estilo en cascada (CSS) permiten introducir sus propias fuentes para su uso en páginas web. Esta es una característica de CSS nivel 3 (CSS3) y es compatible con todos los navegadores que soportan propiedades de CSS3, tales como Internet Explorer 9 o superior o Firefox 3.5 o superior. Mientras la fuente que desea utilizar tiene una licencia que permite la incrustación, puede subirlo a su servidor y escribir código CSS para incrustarla en sus páginas Web. Una vez incorporado, utilizar la nueva fuente como lo haría con cualquier fuente segura para la Web

Instrucciones

1 Localizar en su ordenador un fichero de fuentes TTF que desea incrustar o descargar una nueva. En Windows, los archivos de fuentes se encuentran en:

C: \ Windows \ fonts

Abra un programa cliente FTP e inicie sesión en la cuenta FTP que tiene a través de su servidor web. También puede utilizar la herramienta de gestión de archivos en su cPanel para subir archivos a un servidor web.

2 Abra la página Web en el Bloc de notas y añadir la "@ font-face" regla después de la apertura "<style>" etiquetas. Si la página Web no contiene todavía "<style>" etiquetas, añadirlos en la cabeza del archivo:

<Style type = "text / css">

@Perfil delantero {

}

</ Style>

3 Utilice la propiedad font-family el nombre de su fuente en CSS:

@Perfil delantero {

font-family: 'Font nombre aquí ";

}

4 Ajuste la fuente (src) Propiedad para que apunte a la dirección URL del archivo de fuente en su servidor:

@Perfil delantero {

font-family: 'Font nombre aquí ";

src: URL ( 'ruta / a / myfont.ttf') formato ( 'True Type');

}

5 Escribe una regla de estilo que utiliza la fuente incrustada:

h1 {

font-family: 'Font nombre aquí ";

font-size: 24px;

color azul;

}

Este ejemplo se aplica la fuente a "<h1>" etiquetas. Cuando se utiliza la fuente incrustada en las reglas de estilo que se dirigen a las partes de su página Web, el método es el mismo que usar cualquier fuente segura para la Web. establecer colores, tamaños, estilos y pesos, según sea necesario.

Consejos y advertencias

• Usted puede obtener gratis las fuentes, legalmente integrables para sus sitios web de sitios como fuente de ardilla o Google Web Fonts. Este último alberga los archivos de fuentes y genera el código para copiar y pegar.
• Tenga en cuenta el mensaje de "Fuente de incrustación" en la parte inferior de la ventana cuando se explora la carpeta fuentes en el equipo. No se puede incrustar legalmente archivos de fuentes en las páginas web a menos que la licencia de fuentes permite.