Las 10 mejores parejas de fuentes en 2016

1. Lato and Merriweather

Lato & Merriweather

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

@import url('https://fonts.googleapis.com/css?family=Lato:700|Merriweather:300,300italic,700');

h1,h2,h3,h4,h5,h6 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
p,a,li,blockquote {
  font-family: "Merriweather", serif;
  font-weight: 300;
}

2. Playfair Display and Source Sans Pro

Playfair Display & Source Sans Pro

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:900|Source+Sans+Pro:300,300italic,700');

h1,h2,h3,h4,h5,h6 {
  font-family: "Playfair Display", serif;
  font-weight: 400;
}
p,a,li,blockquote {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
}

3. Montserrat and Roboto

Montserrat & Roboto

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

@import url('https://fonts.googleapis.com/css?family=Montserrat:700|Roboto:400,400italic,700');

h1,h2,h3,h4,h5,h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
p,a,li,blockquote {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

4. Alegreya and Open Sans

Alegreya & Open Sans

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

@import url('https://fonts.googleapis.com/css?family=Alegreya|Open+Sans:300,300italic,700');

h1,h2,h3,h4,h5,h6 {
  font-family: "Alegreya", serif;
  font-weight: 400;
}
p,a,li,blockquote {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

5. Fira Sans and Lato

Fira Sans & Lato

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:700|Lato:300,300italic,700');

h1,h2,h3,h4,h5,h6 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
}
p,a,li,blockquote {
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

6. Cardo and Lato

Cardo & Lato

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

@import url('https://fonts.googleapis.com/css?family=Cardo|Lato:700,400,400italic');

h1,h2,h3,h4,h5,h6 {
  font-family: "Cardo", serif;
  font-weight: 400;
}
p,a,li,blockquote {
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

7. Oswald and Lora

Oswald & Lora

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

@import url('https://fonts.googleapis.com/css?family=Oswald|Lora:400,700,400italic');

h1,h2,h3,h4,h5,h6 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}
p,a,li,blockquote {
  font-family: "Lora", serif;
  font-weight: 400;
}

8. Montserrat and Vollkorn

Montserrat & Vollkorn

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

@import url('https://fonts.googleapis.com/css?family=Montserrat|Vollkorn:400,400italic,700');

h1,h2,h3,h4,h5,h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
p,a,li,blockquote {
  font-family: "Vollkorn", serif;
  font-weight: 400;
}

9. Lora and Average

Lora & Average

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

@import url('https://fonts.googleapis.com/css?family=Lora:700|Average');

h1,h2,h3,h4,h5,h6 {
  font-family: "Lora", serif;
  font-weight: 700;
}
p,a,li,blockquote {
  font-family: "Average", serif;
  font-weight: normal;
}

10. * { font-family: “Lato”; }

Lato & Lato

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

@import url('https://fonts.googleapis.com/css?family=Lato:400,400italic,700,300');

h1,h2,h3,h4,h5,h6 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
}
p,a,li,blockquote {
  font-family: "Lato", sans-serif;
  font-weight: 400;
}