Tabla de contenido
- 1 ¿Cómo instalar una fuente en mi página web?
- 2 ¿Qué regla nos permite incorporar una nueva fuente a nuestra página web?
- 3 ¿Cómo se instala una fuente en CSS?
- 4 ¿Cómo poner letra Calibri en HTML?
- 5 ¿Cómo poner letra en cursiva CSS?
- 6 ¿Cómo cargar las fuentes de Google?
- 7 ¿Por qué las fuentes de Google son tan rápidas?
¿Cómo instalar una fuente en mi página web?
Sólo debemos subir el archivo de la fuente deseada a nuestro sitio web (mediante FTP, al servidor) y definirla mediante CSS. La fuente debe ser definida por la regla @font-face, además de la clase en la que la vayamos a usar. Para el tipo de fuente, puede usarse en formato OpenType (.
¿Qué regla nos permite incorporar una nueva fuente a nuestra página web?
La regla CSS @font-face permite definir una tipografía e importarla para su uso en una página web.
¿Cómo se instala una fuente en CSS?
Para declarar fuentes personalizadas se utiliza la regla @font-face de CSS, en la declaración de la fuente se utilizan las propiedades:
- font-family : define el nombre de la fuente.
- src : define la ruta del archivo y el formato de la fuente.
- font-style : define el estilo de la fuente (normal, italic, oblique).
¿Cómo agregar una fuente con CSS?
¿Cómo importar fuentes de Google Fonts?
También puede añadir fuentes web de Google Fonts.
- Seleccione la herramienta de texto , situada en la barra de herramientas, o abra el panel Texto.
- En la barra de opciones de la herramienta o en el panel Texto, haga clic en el nombre de la fuente. Se abrirá el menú de fuentes.
- Elija una fuente.
¿Cómo poner letra Calibri en HTML?
Esto se hace a partir de la etiqueta y su cierre correspondiente, . Dentro de esta etiqueta deberemos especificar los atributos correspondientes a cada uno de estos parámetros que deseamos definir. A continuación comento los atributos principales de esta etiqueta: Atributo face.
¿Cómo poner letra en cursiva CSS?
Normalmente, la propiedad font-style se utiliza para mostrar un texto en cursiva (también llamada itálica o bastardilla). En el siguiente ejemplo, se modifica el estilo de la letra que muestra el párrafo:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
¿Cómo cargar las fuentes de Google?
En la barra de opciones de la herramienta o en el panel Texto, haga clic en el nombre de la fuente. Se abrirá el menú de fuentes. En la parte inferior del menú de fuentes, haga clic en Más fuentes…. Se empezará a cargar el catálogo de Google Fonts.
¿Cómo incorporar una fuente a una web?
En el artículo anterior explicaba cómo incorporar una fuente a una web empleando Google Fonts. Es una forma muy cómoda, pero también existe otra más ortodoxa y es una regla de CSS llamada @font-face. En teoría, debería ser muy fácil de usar.
¿Cómo añadir fuentes al catálogo de Google Fonts?
Para añadir fuentes del catálogo de Google Fonts: Seleccione la herramienta de texto, situada en la barra de herramientas, o abra el panel Texto. En la barra de opciones de la herramienta o en el panel Texto, haga clic en el nombre de la fuente. Se abrirá el menú de fuentes.
¿Por qué las fuentes de Google son tan rápidas?
Hace tu web más rápida. Las fuentes se alojan en los servidores de Google donde los archivos están comprimidos y todo está pensado para cargarse rápidamente en tu navegador. 5. Es fácil de implementar.