How do i embed hebrew google font in my landing page?

  • 3 July 2016
  • 1 reply
  • 16 views

Tried to follow all kind of tutorials and basicaly i understood i need to embed javascript and CSS codes but the thing is there is only CSS code provided at google fonts at least from what i have seen… https://fonts.google.com/specimen/Assistant?selection.family=Arimo|Assistant&selection.subset=he… 

Will be glad of you can please… 

  1. Explain the process once again on embedding hebrew google fonts 
  2. How can i get the javascript code?
  3. How to apply the font not just on H1 headlines but all the text at the landing page? 

Thanks in advance! 


1 reply

Hi Omri

Thank you for dropping this question with specific details. 
It seems that you need to use the google for  “Arimo” in the above link you’ve provided.  Below are the set of instructions to add the font to your  unbounce page( I am keeping the instructions specific with the requirement so you can use these codes directly on your page):

  1. Copy the standard link provided for the font, i.e:
    **
    https://fonts.googleapis.com/css?family=Arimo|Assistant&subset=hebrew" rel=“stylesheet”>
    and paste it under the stylesheet in unbounce.

  2. To apply the font for all the text in the landing page copy the following code and paste it under “stylesheet” below the link  code.



body,H1,H2,H3,H4,H5,H6,p,span{
font-family: 'Arimo', sans-serif !important;
font-family: 'Assistant', sans-serif !important;
}

Here is a screenshot of what it will look like in the backend.

P.S : I don’t think you’ll need the javascript code for it, The above code will work perfectly for you. Also the backend editor may not show you the font there, but it will display the font in the front end once you publish the page.

Let me know if you have any other question. 

Thanks
Sneha.**

Reply