Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Back End WP + FONT ISSUE

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #166729
    Krsiak Daniel
    Participant

    Hi,

    I rework old web: http://www.pruzkumystaveb.cz/
    To new web: http://www.pruzkumystaveb.cz/wordpress/

    Have issue with font = icons on homepage (SLUZBY, FOTKY, REFERENCE).
    They work fine on local, not working online.

    Found this:
    http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems

    I use CHROME, but it does not work in any browser, nor CHROME.

    I use this theme:
    * https://wrapbootstrap.com/theme/banshee-professional-portfolio-theme-wp-WB0N6N6N2
    * http://demo.alessioatzeni.com/banshee/retina-icons/

    I believe files are ok. Works on local.
    I think it may be issue that it is not same domain / folder ?
    WP is not in the root but in folder /wordpress/, can this be issue ?

    I have no idea how to use .htaccess in this case, IF it would be the domain issue.


    <FilesMatch ".(eot|otf|woff|ttf)$">
    SetEnvIf Origin ยป
    "^http(s)?://(.+.)?(domain1.org|domain.com)$" origin_is=$0
    Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is
    </FilesMatch>

    Just swap out your calling domains for the ones above.

    #166731
    Alen
    Participant

    The font issue is because the font files can not be found on your server.

    http://www.pruzkumystaveb.cz/wordpress/wp-content/themes/banshee/_include/css/fonts/Icons.woff
    
    http://www.pruzkumystaveb.cz/wordpress/wp-content/themes/banshee/_include/css/fonts/Icons.ttf
    
    http://www.pruzkumystaveb.cz/wordpress/wp-content/themes/banshee/_include/css/fonts/Icons.svg
    

    These files are missing.

    #166739
    Krsiak Daniel
    Participant

    Thanks but I do not get it.
    They are on the server as below:

    
    pruzkumystaveb.cz/wordpress/wp-content/themes/banshee/_include/css/fonts/
    pruzkumystaveb.cz/wordpress/wp-content/themes/banshee/_include/css/fonts/icons.eot
    pruzkumystaveb.cz/wordpress/wp-content/themes/banshee/_include/css/fonts/icons.svg
    pruzkumystaveb.cz/wordpress/wp-content/themes/banshee/_include/css/fonts/icons.ttf
    pruzkumystaveb.cz/wordpress/wp-content/themes/banshee/_include/css/fonts/icons.woff
    pruzkumystaveb.cz/wordpress/wp-content/themes/banshee/_include/css/fonts.css
    

    It is cipied 1:1 from PC to FTP where on the local it runs, the same online does not.

    #166744
    chrisburton
    Participant

    Alen is right, the problem is the URL. Mainly it appears that in your @font-face code, you have Icons capitalized for the filename. However, the correct URL path shows that it is lowercase.

    Solution:

    @font-face {
        font-family: 'Icons';
        src:url('_include/css/fonts/icons.eot');
        src:url('_include/css/fonts/icons.eot?#iefix') format('embedded-opentype'),
            url('_include/css/fonts/icons.woff') format('woff'),
            url('_include/css/fonts/icons.ttf') format('truetype'),
            url('_include/css/fonts/icons.svg#Icons') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    #166755
    Alen
    Participant

    They are on the server…

    The first letter is capital I in icons…

    Also, in the code @chrisburton posted, you need full relative path from your root directory where wordpress is installed so just add wp-content/themes/banshee/ in front of his urls.

    #166761
    Krsiak Daniel
    Participant

    thanks guys, will have a look at it

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Back End’ is closed to new topics and replies.