Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 22, 2014 at 7:19 am #371466
    Mike_Yoon

    Dear Enfold,

    I am a new purchaser of your theme “Enfold.” Before purchasing, you told me that you would help me add the custom font faces to the theme.

    I would like to add my custom font faces to my localhost server.

    How would I go about doing this using MAMP on a Mac?

    What file.php needs to be edited to add “Proxima Nova” as an option? I have uploaded the font face files (Javascript) to my public_html, as well as, to my MAMP folder. Also, I placed a reference to this file in the head section of the header.php file. Lastly, I assigned the web fonts to the child theme style.css file.

    Thank you,

    Mike

    • This topic was modified 10 years ago by Mike_Yoon.
    December 22, 2014 at 3:08 pm #371536
    Mike_Yoon
    This reply has been marked as private.
    December 22, 2014 at 8:25 pm #371747
    Elliott

    Hi!

    You can do this, https://kriesi.at/support/topic/new-custom-font/, to make the font selectable in the theme options. It’s not a google font though so you’ll need to make sure to link to the font files correctly in your header.

    Best regards,
    Elliott

    • This reply was modified 10 years ago by Elliott.
    December 22, 2014 at 8:35 pm #371758
    Mike_Yoon
    This reply has been marked as private.
    December 22, 2014 at 9:31 pm #371811
    Mike_Yoon
    This reply has been marked as private.
    December 22, 2014 at 11:24 pm #371872
    Elliott

    Hey!

    Which elements are you trying to change? If it’s just the headings then you can add this to your custom CSS.

    h1, h2, h3, h4, h5, h6 {
font-family: ProximaNova-Regular !important;
}

    Best regards,
    Elliott

    December 23, 2014 at 9:18 am #372008
    Mike_Yoon
    This reply has been marked as private.
    December 23, 2014 at 7:31 pm #372211
    Elliott

    Hi!

    As far as I can tell it looks correct. I’m not familiar with mywebfonts and their script. It would be a lot easier to understand if they would give you the font files and just have you link them with @font-face.

    Regards,
    Elliott

    December 23, 2014 at 7:37 pm #372214
    Mike_Yoon

    Hey Elliott!

    Now that you mention it, what are the benefits of using @font-face versus Javascript?

    I know that Typekit uses Javascript and have read numerous articles suggesting it is faster and more reliable.

    Anyway, that’s all for this request. I’m just curious to know what your opinion is. I’m pretty amateur when it comes to custom webfonts.

    You’re the best Elliot!

    Kind Regards,
    Mike

    December 23, 2014 at 8:36 pm #372240
    Elliott

    Hey!

    I’m not sure of the differences. The only font solution with javascript I have used before is Cufon and it didn’t always play that well. Personally I would use @font-face with the Google fonts. It’s already integrated with Enfolds styling options.

    Regards,
    Elliott

    December 23, 2014 at 8:52 pm #372254
    Mike_Yoon
    This reply has been marked as private.
    December 24, 2014 at 5:46 pm #372451
    Elliott

    Hi!

    If you want to add a google font then you can do this, https://kriesi.at/support/topic/new-custom-font/.

    If you have the font files then you can use @font-face to import them in your stylesheet, http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp.

    Cheers!
    Elliott

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