Silkscreen

Prueba Silkscreen

Pesos y estilos

• Regular 400Silkscreen Regular
• Bold 700Silkscreen Bold

Sobre Silkscreen

Silkscreen es una tipografía display de estilo mapa de bits en la que cada letra se construye con píxeles cuadrados. El espécimen muestra solo mayúsculas: la fila de minúsculas repite las formas de las mayúsculas, así que el texto siempre se compone en mayúsculas de bloque de una misma altura. Las curvas son escalonadas, las diagonales se convierten en escaleras y las letras van bien separadas, lo que mantiene distinta cada forma sobre una cuadrícula gruesa. Jason Kottke diseñó la tipografía para texto de tamaño pequeño en gráficos web, y las notas oficiales sitúan su primera publicación en 1999. La familia tiene Regular y Bold, dos estilos en total, y no es una fuente variable. Sus 227 glifos cubren el juego latino básico con cifras y signos de puntuación; están presentes las letras necesarias para inglés, francés, alemán, español y otros idiomas de Europa occidental. Las fuentes se publican bajo la SIL Open Font License 1.1.

Dónde funciona Silkscreen

Interfaces de juegos retro

Los contornos de píxeles escalonados combinan con marcadores, menús y pantallas de título de juegos con estilo de los primeros gráficos digitales.

Etiquetas pequeñas en gráficos web

La tipografía se dibujó para tamaños pequeños, así que las etiquetas, las insignias y los pies de foto diminutos dentro de banners mantienen cada letra bien diferenciada.

Títulos de pósteres y portadas

A gran tamaño, los bloques cuadrados se convierten en un patrón visible, y un título corto pasa a ser el propio gráfico.

Contadores y líneas de estado

Bold junto a Regular separa una etiqueta de su valor en un temporizador, una etiqueta de precio o una barra de estado sin cambiar de tamaño.

Glifos

Idiomas admitidos

La familia contiene las letras básicas con las que se escriben estos idiomas:

• Inglés
• Francés
• Alemán
• Español
• Portugués
• Italiano
• Neerlandés
• Sueco
• Noruego
• Danés
• Finés
• Islandés
• Catalán
• Estonio

Juegos de caracteres encontrados en los archivos: latin. La lista de idiomas comprueba que la fuente tenga las letras necesarias; no garantiza la calidad tipográfica en cada idioma.

Licencia

Fuentes que combinan con Silkscreen

Las sugerencias salen de reglas sencillas sobre los datos: una clasificación que contraste y pesos suficientes para el texto corrido. Son un punto de partida, no un veredicto.

Usar Silkscreen en la web

Descarga la familia, aloja los archivos en tu propio sitio y decláralos en CSS. No enlaces a los archivos de trendhub.net: los archivos de vista previa son subconjuntos y sus direcciones cambian.

@font-face {
  font-family: "Silkscreen";
  src: url("/assets/fonts/Silkscreen-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Silkscreen";
  src: url("/assets/fonts/Silkscreen-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Silkscreen", sans-serif;
}

O cárgala desde el origen oficial. Google Fonts ofrece Silkscreen con este código:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap" rel="stylesheet">

Lo que debes saber

Solo mayúsculas

Las minúsculas se dibujan como mayúsculas, por lo que no es posible componer en Silkscreen texto con mayúsculas y minúsculas.

Regular y Bold, sin cursiva

Regular 400 y Bold 700 forman toda la familia. No hay cursiva.

Cobertura latina básica

Los 227 glifos pertenecen al subconjunto latino. El juego de latino extendido está incompleto, así que conviene probar primero los textos en idiomas de Europa central.

Preguntas frecuentes

Fuentes similares

Otras familias de la misma clasificación, ordenadas por etiquetas de uso en común. Todas las fuentes display