Playfair Display + Source Sans 3

9/10 editorial-elegante Destacadas

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

La elegancia de alto contraste de Playfair Display aporta titulares dramáticos, mientras que la claridad neutral de Source Sans 3 garantiza una lectura cómoda del cuerpo de texto. Una combinación editorial clásica.

Muestra tipográfica

Titular

Ver fuente →
Playfair Display
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 6 pesos

Cuerpo

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

Cómo usar

HTML 

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

CSS

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

body, p, li {
  font-family: 'Source Sans 3', sans-serif;
}

Detalles de combinación

Puntuación
9/10
Estilo
editorial-elegante
Titular
Playfair Display
Cuerpo
Source Sans 3
Categoría de titular
Serif
Categoría de cuerpo
Sans Serif

Ideal para

blog magazine portfolio

Enlaces rápidos