Playfair Display + Source Sans 3

9/10 editorial-elegant 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

Playfair Display's high-contrast elegance provides dramatic headlines, while Source Sans 3's neutral clarity ensures comfortable body reading. Classic editorial pairing.

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-elegant
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