Public Forums 71,145 posts

[ipromenta Friend ipromentaJoin date: August 2014Posts: 12Downloads:36Uploads:1 Thanks: 2 Thanked: 2 times in 2 posts]

#1025737

Hi,

i would like to use google fonts in headings and in content!
How can i use those?

Asko

1 user says Thank You to ipromenta for this useful post

1. Yap

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1025919

Hi Asko,

Did you try with the Typography Settings in JA Builder?

[ipromenta Friend ipromentaJoin date: August 2014Posts: 12Downloads:36Uploads:1 Thanks: 2 Thanked: 2 times in 2 posts]

#1025929

Hi,

Yes i did try typography settings, but the problem is how and where to put the @import font link from Google Fonts!
Thank you for your response!

Asko

1 user says Thank You to ipromenta for this useful post

1. Yap

[Yap Friend YapJoin date: November 2012Posts: 72Downloads:34Uploads:39 Thanks: 28 Thanked: 1 times in 1 posts]

#1026091

I have the same question as ipromenta.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1026411

Hi,

You can try with this way:

• Go to ‘Edit’ mode of a page
• Navigate to Settings > Custom Code (the left panel in edit mode)
• Add link to the google font you want to use into ‘TOP OF HEAD’:
  

  <link href=’https://fonts.googleapis.com/css?family=Open+Sans‘ rel=’stylesheet’ type=’text/css’/>

• Enable the Custom CSS option and CSS rules to specify these families:

  body .jub-block, body {
  font-family: 'Open Sans', sans-serif;
  }

Screenshots: http://prntscr.com/ewakq3

In case that you want to use another font kit, try with my suggestion in this topic: https://www.joomlart.com/forums/topic/gotham-font/

I hope this helps.

[Author]

Posts