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

    Hi
    Can you please provide instructions on how to use typekit fonts with Enfold?
    Thanks

    #566676

    Hey pegasso4444!

    You can use @font-face to use custom fonts. Here is a guide on how to get the fonts to be viewable in the Enfold style settings, https://kriesi.at/support/topic/installing-own-fonts/#post-421325.

    Cheers!
    Elliott

    #567333

    Hi
    I have a client that insists for the Typekit Font Myriad Pro Light ( same as Apple uses).
    How can I get this font with Enfold?
    Thanks

    • This reply was modified 8 years, 10 months ago by pegasso4444.
    #567382

    Hey!

    Have you tried this plugin?
    http://wordpress.org/plugins/typekit-fonts-for-wordpress/

    The fonts will be included but they will need to be assigned using the normal font-family property via Quick CSS, to target headings for example:

    
    h1, h2, h3, h4, h5{
    font-family: Myriad Pro Light !important;
    }

    Cheers!
    Basilis

    #602490

    Hi,
    I have read this thread and implemented the suggested plugin which works great.
    I have a couple of questions please:

    1. What is the best practice in your opinion to assign the font-family property: you suggest quick CSS in the Enfold theme but there is also a “custom CSS rules fied” in the plugion settings which says this: using the Custom CSS Rules field below (technical note: these CSS rules will be embedded in the header of each page). ?

    2. What is the best way to remove the “text-transform: uppercase;” command which applies to h titles in the theme please. I can see it in the inspector but not sure how to target it in quick CSS

    Thanks in advance
    Hugues

    #603784

    Hey!

    1.) If you have a child theme, better to add it in the style.css file or the Quick CSS field to prevent it from being overwritten on theme updates.

    2.) If you manage to see it in the inspector, I’m sure you can figure out the correct selector. Or try this:

    h1 { text-transform: none; }
    

    If it doesn’t work, please provide a link to the page or a screenshot of the inspector.

    Cheers!
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.