joeybarnuk Posted January 24, 2021 Share Posted January 24, 2021 Site URL: https://duck-chicory-2yad.squarespace.com/config/pages/5ffc811878ad8522d30ef991 Hi. I am trying to add two different custom fonts to my site. I would like the heading 2 to be in a particular font style (hello_honey). And the rest of the headings eg heading 1,3,4, body text, navigation etc to be in the abhaya libre font. I have uploaded the font styles in the custom css section but the abhaya libre one which is the main one is showing, but the 'hello_honey' custom font which is the one i would like for heading 2 only is still showing as the @abhaya libre' font. Can i add two different fonts in this version 7.1? thanks. Link to comment
tuanphan Posted February 2, 2021 Share Posted February 2, 2021 Hi. Add this to Design > Custom CSS @font-face { font-family: 'hello-honey'; src: url(paste hello honey font file here); } h1 { font-family: 'hello-honey' !important; } @font-face { font-family: abahaya; src: url(paste abahaya font file url here); } h2, h3, h4, h5, h6, body, p, header * { font-family: abahaya !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
joeybarnuk Posted February 11, 2021 Author Share Posted February 11, 2021 Thanks for sending this over. Unfortunately it hasn't worked. I'm wondering whether I have not imported the Hello Honey font correctly or I do not have the right license for it to be able to appear on my website. I have imported a ttf, woff and woff2 version of the "Hello Honey" font. Link to comment
joeybarnuk Posted February 11, 2021 Author Share Posted February 11, 2021 Actually ignore that i had put the text in the wrong place at the end of the coding and moved it to the top! Thankyou so much its worked! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.