Work Sans + Source Serif 4

7/10 cálido-profesional

Vista previa en vivo

. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Por qué funciona esta combinación

Work Sans aporta titulares amigables y accesibles con sutiles particularidades, mientras que Source Serif 4 aporta legibilidad tradicional al cuerpo de texto. Cálido y profesional.

Muestra tipográfica

Titular

Ver fuente →
Work Sans
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 9 pesos

Cuerpo

Ver fuente →
Source Serif 4
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 8 pesos

Cómo usar

HTML 

<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">

CSS

h1, h2, h3, h4, h5, h6 {
  font-family: 'Work Sans', sans-serif;
}

body, p, li {
  font-family: 'Source Serif 4', serif;
}

Detalles de combinación

Puntuación
7/10
Estilo
cálido-profesional
Titular
Work Sans
Cuerpo
Source Serif 4
Categoría de titular
Sans Serif
Categoría de cuerpo
Serif

Ideal para

blog nonprofit education

Enlaces rápidos