Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1426913

    Hi, I followed the tutorial and uploaded the “Corinthia” font on my website but it doesn’t show up anywhere. Is there a way to use specific fonts in text and or headers? This one is part of my brand.
    Thanks

    #1426916

    Hey sharynt3,
    Thanks for the link to your site, I see the font is added via a script & css plugin:

    <style type="text/css" id="cst_font_data">
    						@font-face {
    	font-family: 'Corinthia';
    	font-weight: 400;
    	src: url('/wp-content/uploads/2023/12/Corinthia.eot?#iefix') format('embedded-opentype'),
    		url('/wp-content/uploads/2023/12/Corinthia.svg') format('svg'),
    		url('/wp-content/uploads/2023/12/Corinthia.ttf') format('truetype'),
    		url('/wp-content/uploads/2023/12/Corinthia.woff') format('woff'),
    		url('/wp-content/uploads/2023/12/Corinthia.woff2') format('woff2');
    }					</style>

    to use it for your headings try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all .all_colors h1,
    #top #wrap_all .all_colors h2,
    #top #wrap_all .all_colors h3,
    #top #wrap_all .all_colors h4 {
    	font-family: Corinthia;
    }

    and note that this font has a smaller size than your current font, so you will need to adjust the font size in the elements, for example if your element is currently 34px, you should try setting it to 48px.

    Best regards,
    Mike

    #1426920

    Hi Mike,
    Thanks for the reply. I applied the CSS but I don’t see how I can use the font, it does not appear in the drop down.
    Can you tell me what to do? Thanks.

    #1426953

    Hi,
    For the Google font to show in the font drop-down lists, perhaps you missed a step, please check that you did these:
    Download the font zip from Google Fonts: Corinthia
    Enfold_Support_4005.jpeg
    Then upload to Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager
    Enfold_Support_4001.jpeg
    Then you can slect the font in the drop-down for all headings in the Enfold Theme Options ▸ Advanced Styling ▸ All Headings (H1-H6)
    Enfold_Support_4003.jpeg
    Note that any font that you add will be at the very bottom of the list.
    These is how it looks on my demo site:
    Enfold_Support_4007.jpeg

    Best regards,
    Mike

    #1426955

    Thanks so much, it worked!

    #1426957

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Google font not listed’ is closed to new replies.