Facing a problem in integrating google fonts in my landing page

I followed all steps in this link:https://documentation.unbounce.com/hc/en-us/articles/203510114-Adding-and-Editing-Text

But it isn’t happening.

Here is my code

@import url(‘https://fonts.googleapis.com/css?family=Lato:300’);


paragraph * {
font-family: ‘Lato’, sans-serif;

What am I doing wrong?

Here is an example of CSS on one of our pages!

<link href="https://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">

<style type="text/css">
   p, #lp-pom-form-496 {
      font-family: 'Coming Soon', cursive !important;
      font-weight: 400

   h1 {
      font-family: 'Poppins', sans-serif !important;
      font-weight: 400


Replace the values above with yours and you should get this working!


@Akash the @import will work as well. Just make sure to target the right elements in Unbounce


  /* Apply to headings 1 and 2 */
  h1, h1 span,
  h2, h2 span {
    font-family: 'Tinos', serif, Fallback, sans-serif !important;

  /* Apply to buttons */
  a.lp-pom-button {
    font-family: 'Alright Sans', Fallback, sans-serif !important;

  /* Apply to entire page */
  span, p, a, label {
    font-family: 'Alright Sans', Fallback, sans-serif !important;
1 Like

Hi @Akash

We’ve actually recently added Google Fonts as a built-in feature to the Builder! Check out this community announcement to see how it works: Introducing Google Fonts! 🎉