ck4 Posted February 26, 2022 Share Posted February 26, 2022 Site URL: https://www.allotropique.com/ Hi! I have been browsing the forum and trying a few different things to get an adobe font in my header (I am trying to get the site title in the below font). The custom font works for p1 in the body on my website, but not the header for some reason. I'll share what I've tried below, and would so appreciate any help getting the header font to be: Quote font-family: adobe-caslon-pro,serif; font-weight: 600; font-style: italic; The site (unfinished): https://www.allotropique.com/ password: allotropique This is in my code injection: <link rel="stylesheet" href="https://use.typekit.net/epc2fjz.css"> <style type="text/css"> #block-yui_3_17_2_1_1645847571502_526 p { font-family: adobe-caslon-pro,serif !important; font-weight: 600; font-style: italic; font-size: 1.9rem !important; color: #00ff3d !important; } </style> this is in custom css: h1 { font-family: adobe-caslon-pro,serif; font-weight: 600; font-style: italic; } p { font-family: adobe-caslon-pro, serif; font-weight: 600; font-style: normal; } div#block-yui_3_17_2_1_1645847571502_526 p { font-family: adobe-caslon-pro,serif !important; font-weight: 600 !important; font-style: italic !important; } I've tried adding these into the home page-specific CSS: <style> @import url("https://use.typekit.net/epc2fjz.css"); </style> <style type="text/css"> #block-yui_3_17_2_1_1645847571502_526 p { font-family: adobe-caslon-pro,serif !important; font-weight: 600; font-style: italic; font-size: 1.9rem !important; color: #00ff3d !important; } </style> <style type="text/css"> #block-yui_3_17_2_1_1645847571502_526 h1 { font-family: 'adobe-caslon-pro,serif' !important; font-size: 1.9rem !important; color: #00ff3d !important; } </style> <style type="text/css"> #block-yui_3_17_2_1_1645847571502_526 p { font-family: 'adobe-caslon-pro,serif' !important; font-size: 1.9rem !important; color: #00ff3d !important; } </style> Link to comment
Solution Jia Posted February 26, 2022 Solution Share Posted February 26, 2022 Try adding this code in custom css: .header-title-text { font-family: adobe-caslon-pro,serif; font-weight: 600; font-style: italic; } Please give this a 👍 if it helps www.sevenstars.studiowww.instagram.com/sevenstars.studio Link to comment
ck4 Posted March 2, 2022 Author Share Posted March 2, 2022 @Jia This worked, thank you so so much! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment