Note that there are some explanatory texts on larger screens.

plurals
  1. PO@font-face working when local but not when upload to hosting space
    primarykey
    data
    text
    <p>I am building a website and I attempting to get cross-browser compatibility with a free font named Tex Gyre Cursor. So far I have tried several ways which I have found searching though Google.</p> <p><a href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/" rel="nofollow">Site 1</a>, <a href="http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/" rel="nofollow">Site 2</a> &amp; <a href="http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax" rel="nofollow">Site 3</a></p> <p>They have worked when testing them locally on Chrome, Firefox, Safari and Opera. Not on IE though. I'm not to bothered about IE since it's a massive pain in the arse and I have set Tahoma as the back-up font for this.</p> <p>The problem arises after I have uploaded my files via FTP File Manager. The web host is GoDaddy. </p> <p>I have uploaded the font files too.</p> <p>I visit the site but the font is Tahoma, this occurs on all browsers previously mentioned.</p> <p>I'm at my wits end and cannot discern the problem. </p> <p>This was my first attempt with the CSS:</p> <pre><code>@font-face{ font-family:'TexGyreCursor'; src: url('fonts/texgyrecursor.eot'); src: local('texgyrecursor'), local('texgyrecursor'), url('fonts/texgyrecursor.ttf') format('truetype'), url('fonts/texgyrecursor.svg#font') format('svg'), url('fonts/texgyrecursor.otf'); } </code></pre> <p>My second attempt:</p> <pre><code>@font-face{ font-family:'TexGyreCursor'; src: url('fonts/texgyrecursor.eot'); src: url('fonts/texgyrecursor.otf'); } </code></pre> <p>If anymore information is needed please let me know :)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload