Cómo subir Nueva Fuentes de KompoZer

Añadir nuevas fuentes de su equipo pone a disposición de las aplicaciones de la computadora, tales como el software de edición web KompoZer. El uso de estas nuevas fuentes puede no ser una buena idea, sin embargo, como las páginas web sólo se mostrarán las fuentes que el usuario final - no es el creador de la página - ha descargado en su ordenador. Si se utiliza una fuente oscura que la mayoría de la gente no tiene, no se mostrará en su navegador durante la visualización de su sitio web. Hay una forma de evitar esto, sin embargo, usar @ font-face. Esto sólo funcionará en las últimas versiones de todos los navegadores modernos que soportan HTML5.

Instrucciones

Activar las fuentes en KompoZer

1 Descargar la fuente que desea incluir en KompoZer. Muchos sitios ofrecen las fuentes de carga libres o fuentes disponibles para la compra.

2 Guarde el archivo de fuente a su escritorio a cualquier otro directorio de fácil localización.

3 Arrastre la fuente en el "Panel de control" directorio "Fuentes" en Windows. En un Mac, arrastre el archivo en "Carpeta personal", "Bibliotecas", "Fuentes".

El uso de @ font-face

4 Abra la hoja de estilo en cascada o CSS, archivos de su página Web. Si no tiene un archivo CSS, crear un nuevo archivo con el nombre "style.css", a continuación, proporcionar un enlace en la sección "cabeza" del documento HTML a este archivo CSS.

5 Abra su fuente en el font-face kit generador @ Font Squirrel para generar los archivos de fuentes que se necesitan (ver Recursos). Para ello, haga clic en "Agregar fuentes", luego "descargar su kit." Sube el ".woff", ".otf" y "archivos .svg" a su servidor a su proveedor de alojamiento en el mismo directorio que la página Web para el que va a utilizar esta fuente.

6 Agregue el código siguiente en el documento CSS, en sustitución de "su tipo de letra" y "nombre de archivo" con el nombre del tipo de letra y el archivo de la fuente.

@Perfil delantero {

font-family: "Su tipo de letra";

src: url ( "tipo / filename.eot");

src: local ( "?"),

url ( "tipo / filename.woff") formato ( "woff"),

url ( "tipo / filename.otf") formato ( "opentype"),

url ( "tipo / filename.svg # nombre de archivo") formato ( "SVG");

}

7 Especificar qué texto usted quiere tener este tipo de letra. En el archivo CSS, Tipo

em {font-family: "Su tipo de letra", Georgia, serif; }

Listing "Georgia" y "serif" proporcionará fuentes de copia de seguridad para los navegadores que no soportan @ font-face. En su documento HTML, rodear el texto que desea mostrar este tipo de letra con apertura y cierre "em" etiquetas; por ejemplo, escriba "<em> cambiar la fuente estas palabras" </ em> "para cambiar la fuente de esas palabras a su fuente especificada.