junio 22, 2021
Familias tipográficas

Familias tipográficas

Cómo css: font-family

Uno o más nombres de familias de fuentes y/o nombres de familias genéricas pueden ser listados para su uso en el texto del elemento(s) seleccionado(s) usando la propiedad font-family. El navegador recorre entonces la lista, aplicando la primera familia de fuentes que tenga un glifo disponible para cada carácter del rango.
El nombre de una familia de fuentes, como courier o arial. Se puede utilizar @font-face para hacer referencia a fuentes en el marco del usuario o a fuentes externas importadas a través de @font-face. Cuando el nombre de una familia incluye más de una letra, como “Comic Sans”, debe ir entre comillas.
Las familias genéricas no son fuentes individuales, sino una referencia a fuentes de reserva de uso general que pueden utilizarse en caso de que las fuentes específicas no estén disponibles. Los tipos de letra utilizados para cada estilo de reserva pueden variar en función del sistema operativo. Serif, sans-serif, cursiva, fantasía y monospace se clasifican como palabras clave de familia genérica.
Puede especificar una lista separada por comas de múltiples nombres de familias de fuentes y/o familias genéricas, pero rara vez es necesario más de una familia genérica. Una pila de fuentes es el nombre de esta lista. El navegador se desplaza por la lista y selecciona la primera fuente que descubre en el esquema. Cuando ninguna de las fuentes listadas en la pila está disponible, se utilizan familias de fuentes genéricas como alternativa. En la lista de nombres de familias de fuentes, siempre es la última opción.

Tutorial de css para principiantes 28 – familia de fuentes

(eliminar) Nota: Otras normas han revisado algunas partes de esta norma. Para ver una lista de requisitos y las partes que sustituyen, consulte “Hojas de estilo en cascada (CSS) – La definición oficial” en la instantánea más reciente de CSS. El Grupo de Trabajo de CSS también está desarrollando la revisión 2 de CSS (CSS 2.2).
Los implementadores pueden construir una tabla de factores de escala para las palabras clave de tamaño absoluto basada en el tamaño de fuente “medio” y las características específicas del dispositivo (por ejemplo, la resolución del dispositivo).

Tutorial de css 1.3 | especificación de tipos de letra y familias de fuentes

/p>Diseño responsivo

Un minuto de diseño: ¿qué es la familia de fuentes?

Añadir un prefijo screen: a cualquier clase de utilidad de familia de fuentes existente para controlar la familia de fuentes de un elemento en un punto de ruptura concreto. Utilizar md:font-serif para extender la función font-serif sólo a los tamaños de pantalla medianos y grandes. p class=”font-sans md:font-serif”>p class=”font-sans md:font-serif”>p class=”font-sans m
/ p>
Consulta la documentación sobre diseño responsivo para obtener más detalles sobre las características de diseño responsivo de Tailwind.
Personalización de familias de fuentes
Tailwind viene equipado con tres utilidades de familias de fuentes por defecto: una pila de sans-serif para todos los navegadores, una pila de serif para todos los navegadores y una pila monoespaciada para todos los navegadores. Puedes editar la sección theme.fontFamily de tu configuración de Tailwind para modificar, añadir o eliminar estos elementos. / tailwind.config.js
Variaciones
Las utilidades de la familia de fuentes sólo crean variantes sensibles por defecto.
Modifique la propiedad fontFamily en la sección de variantes de su archivo tailwind.config.js para gestionar qué variantes se crean para las utilidades de familias de fuentes.
Esta configuración, por ejemplo, creará las variantes hover y focus: / tailwind.config.js/

Cómo utilizar la propiedad css font-family

Una familia de fuentes es un grupo de tipos de letra que tienen el mismo nombre de familia pero que varían en sus características, como “Times New Roman”. El estilo, como la cursiva, y el peso, como la negrita, son ejemplos de estas distinciones.
La propiedad FontFamily de la mayoría de los componentes de la interfaz de usuario (UI), como Button y TextBlock, puede utilizarse para definir una fuente para el material de texto de un control. Especificando un valor FontFamily para esa propiedad, se puede definir la fuente. En el Lenguaje de Marcado de Aplicación Extensible (XAML) y en el código, los siguientes ejemplos ilustran cómo hacer referencia a una fuente.
Para resolver las referencias a las fuentes, una aplicación de Windows Presentation Foundation (WPF) puede definir un directorio distinto al que contiene la matriz de fuentes del dispositivo. Como se muestra en los siguientes ejemplos de lenguaje de marcado de aplicaciones extensibles (XAML) y de código, el nombre descriptivo de la fuente definirá un valor absoluto de identificador de recursos estandarizado (URI) para resolver la conexión de la fuente.
El nombre amigable de la fuente también puede definir un valor URI relativo, que requiere el uso de un URI base para superar la referencia de la fuente. La propiedad BaseUri del objeto FontFamily corresponde al valor URI base. El siguiente ejemplo de código demuestra cómo realizar una comparación de fuentes a partir de un valor URI base y un valor URI relativo.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, aceptas el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos.Más información
Privacidad