Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #240548

    hope you can help – i have purchased a web font for my site and it says to place a reference to the CSS file in the head section of the website’s HTML pages of your site. I am not sure which one this is in my hosting sites file manager, are you able to help?


    Hi Grant!

    If you go to enfold > styling > Quick CSS ( on the bottom ), here you can place the css needed to load the fonts on the front-end ( html ), you need to upload the files ( font-files ) to your server, you can use an ftp, and e.g. if you place it on the root of your files, you will be able to reference those from the css. ( i will give you an example below ).

    File structure :
    – Framework ( enfold dir ).
    – images ( enfold dir ).
    – Fonts ( your directory where you have your font-files ).

    The css part : ( what you need to place on the custom css ).
    @import url(Fonts/THE_NAME_OF_YOUR_CSS_FILE/OR DIR AND NAME );

    That’s it.


    Thanks David seems so simple! ;-) appreciate your help as I can’t work it out.
    Should I see the font in the enfold > styling > header options?
    What file should that @import be relative to?

    the MyFonts says:
    /* @import must be at top of file, otherwise CSS will not work */
    @import url(“//hello.myfonts.net/count/2a5067”);

    @font-face {font-family: ‘BrandonText-Bold’;src: url(‘webfonts/2A5067_0_0.eot’);src: url(‘webfonts/2A5067_0_0.eot?#iefix’) format(’embedded-opentype’),url(‘webfonts/2A5067_0_0.woff’) format(‘woff’),url(‘webfonts/2A5067_0_0.ttf’) format(‘truetype’);}

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.