Probador de fuentes alternativas y diseño de texto
EL TALLER DE FUENTES
Ajusta cada detalle a tu texto
Descubre cómo cambia el texto antes de que se cargue una fuente web. Compara la fuente principal, la alternativa y la alternativa ajustada, y exporta CSS para reducir los desplazamientos del diseño.
Empieza con tus archivos de fuentes
Usa archivos que tengas permiso para subir. Se admiten TTF, OTF, WOFF y WOFF2.
Previsualiza, ajusta y compara
La comprobación indica los puntos de código ausentes. Revisa siempre el texto renderizado.
Valores iniciales para esta muestra. Sustituye las rutas de fuentes y prueba otros textos y navegadores. Las métricas de sustitución usan las métricas predeterminadas de la fuente principal.
Cómo obtener resultados útiles
Sube la fuente principal y elige una alternativa local o sube otra fuente. Ajusta el texto y el ancho de columna. Adapta la alternativa a la muestra, comprueba las líneas y la altura de los bloques y afina el tamaño. Descarga el CSS y sustituye las rutas de ejemplo por tus archivos.
Qué debes tener en cuenta
Esto compara el diseño del texto; no mide una puntuación CLS. El ajuste propuesto corresponde a esta muestra con la instancia predeterminada. Otros textos, estilos, navegadores o sistemas pueden dar resultados distintos. La fuente local debe existir en el dispositivo del visitante; una alternativa subida también necesita cargarse.
Las vistas previas son privadas y caducan a los 15 minutos. Vacía el espacio de trabajo para solicitar su eliminación anticipada. Los kits web son temporales y caducan automáticamente.
Explorar todas las herramientas de fuentes