Example

Montserrat

Progressively pontificate leveraged outsourcing with client-centered ideas. Dynamically negotiate team building bandwidth and high-payoff materials. Conveniently incentivize virtual best practices networks.

Frank Ruhl Libre

Progressively pontificate leveraged outsourcing with client-centered ideas. Dynamically negotiate team building bandwidth and high-payoff materials. Conveniently incentivize virtual best practices networks.

How to

Import fonts

You can browse and select your desire fonts from Google Fonts. The you can embed your selected fonts into your webpage:

<link href="https://fonts.googleapis.com/css?family=Montserrat|Frank+Ruhl+Libre" rel="stylesheet">

Or import it in your CSS file:

@import url('https://fonts.googleapis.com/css?family=Montserrat|Frank+Ruhl+Libre');
Define classes

Next step is to define a selector inside a CSS file and set value of font-family equal to the name of font:

.font-montserrat {
  font-family: Montserrat, sans-serif;
}

.font-frank {
  font-family: 'Frank Ruhl Libre', sans-serif;
}
Use the classes

Then, add the defined CSS class to each element you would like.

<p class="font-montserrat">...</p>
<p class="font-frank">...</p>