hosting fonts instead of using google fonts in founder pro

  • Resolved lostinthought

    (@zeemeermin67)


    6 years, 6 months ago

    Hi Ben,

    due to the new DSGVO rules, I need to host my own fonts instead of using google fonts in founder pro via customizer.

    So first, I installed “Remove Google Fonts References” Plugin to stop loading google fonts, which works.

    Then I downloaded “my” fonts using google-webfonts-helper (https://google-webfonts-helper.herokuapp.com/fonts). I uploaded them and tried different places: wp-content, themes/founder and plugins/founder-pro.

    I also copied the css-code and put it in “additional css” in the customizer:

    /* rosario-regular – latin */
    @font-face {
    font-family: ‘Rosario’;
    font-style: normal;
    font-weight: 400;
    src: url(‘../fonts/rosario-v12-latin-regular.eot’); /* IE9 Compat Modes */
    src: local(‘Rosario’), local(‘Rosario-Regular’),
    url(‘../fonts/rosario-v12-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
    url(‘../fonts/rosario-v12-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
    url(‘../fonts/rosario-v12-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
    url(‘../fonts/rosario-v12-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
    url(‘../fonts/rosario-v12-latin-regular.svg#Rosario’) format(‘svg’); /* Legacy iOS */
    }

    And the same for:
    /* rosario-italic – latin */
    /* trykker-regular – latin */

    So far, I wasn’t successful. Do I have to upload the font files somewhere else? Or am I missing something important altogether?

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    I would recommend using the Use Any Font plugin. You can use it to upload the font files to your site and it will automatically load the correct format based on the browser.

    Thread Starter lostinthought

    (@zeemeermin67)

    Thank you, I’m going to check that out.

    But just to be sure, is it not possible to use @font-face etc.? Or would that be very complicated with founder?

    Thanks again.

    Theme Author Ben Sibley

    (@bensibley)

    If you use @font-face make sure all of the font files are uploaded to your server at the URL provided. It might make more sense to use an absolute URL instead of the current relative URLs. As long as the URLs lead to the font files and CSS is used to style text on the site it should work.

    Use Any Font can load the files for you and uses a method that is a bit faster than using @font-face in terms of performance which is why I recommend it.

    Thread Starter lostinthought

    (@zeemeermin67)

    That’s really helpful, thanks. Fast performance is important, of course.

    I tried it for free (1 font) and it works just fine. However, I will have to check if it’s compliant with the DSGVO rules.

    Theme Author Ben Sibley

    (@bensibley)

    Sure thing! I don’t know if it’s DSGVO compliant but I’m sure the plugin’s devs can answer that for you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘hosting fonts instead of using google fonts in founder pro’ is closed to new replies.