Okay
  Public Ticket #345617
Google Web Fonts
Closed

Comments

  • Chris started the conversation

    For security reasons, I would like to download and store all my fonts and icons on my server rather than getting them through the Google API.  

    I can see the relative URLs in the @font-face CSS in the style.css file, and understand how to override them via custom css interface.  

    Prior to doing this, I want to get a better understanding of how the fonts are being stored/rendered and would also, like to get your recommendation on the best way to accomplish this task. 

    Thanks!

  •  8,847
    Tahir replied

    Hey!

    The only related knowledge i have regarding it is a WP plugin that routes the google fonts so they can be viewed in China. 

    Other then that you will have to download the fonts and add them manually . 

    You're going to have to use css font-face to load the font in and assign it - you can actually see an example of this near the top of the style.css stylesheet in the theme (where open sans is loaded). Here's an in depth tutorial to explain it as well :)

    http://zoerooney.com/blog/tutorials/installing-we...

    Best

    -T


    ThemeNectar Support Team 

  • Chris replied

    Thanks for the information!  

    Here is my problem.  When we activate our web application firewall, the Open Sans fonts get dropped from our site (i.e., all the fonts default to times new roman).  We assumed that the Salient theme is getting it's Open Sans font via the Google fonts API, and that our firewall is blocking this external call.  

    However, when I check the theme CSS it is pointing to font files on our server.  E.g., 

    @font-face {
    font-family: 'OpenSansRegular';
    src: url('css/fonts/OpenSans-Regular-webfont.eot');
    src: url('css/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('css/fonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('css/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    We also checked the server and see that all of these fonts are installed there as well.  

    Could you please validate that the fonts in the Salient theme are being rendered via the local css/font directory or not?  And or provide any additional insight into fixing this issue?

  •  8,847
    Tahir replied

    Hey Again!

    The fonts used via the Typography section added dynamically via Google Servers. As i evident from the code only the Opensans is getting loaded from the css folder .

    Thanks 


    ThemeNectar Support Team