There is a page www / index.html with a menu that uses "its" fonts: enter image description here

I make a copy of the file in the folder www / folder / index.html , change the paths to the style files and where the fonts are connected and everything works as it should, except for the Firefox v41.0 browser enter image description here

At the same time, in the “Compiled style” it says that it is connected: enter image description here

Fonts I connect as follows:

@font-face { font-family: "GothamProBold"; src: url("../fonts/GothamProBold.eot"); src: url("../fonts/GothamProBold.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProBold.woff") format("woff"), url("../fonts/GothamProBold.ttf") format("truetype"); font-style: normal; font-weight: normal; }

In other browsers, everything is displayed normally. Please tell me what the problem is and how to take it?

  • Firefox always stood out, and the fonts themselves were converted, and where did they download? - emtecif
  • @emtecif, .ttf from the designer, and convert to web-font-generator.com - Neka

2 answers 2

Try to drive here http://www.font2web.com/ The only converter that works fine, in any case, I have.

    There were the same problems. In general, it is better not to convert fonts, but to search for those already prepared for the web. Download and use these fonts.

     @font-face { font-family: "GothamProBlack"; src: url("../fonts/GothamProBlack/GothamProBlack.eot"); src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"), url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype"); font-style: normal; font-weight: normal; }

    I tried it myself, version 41.0.1, the fonts are displayed correctly.

    enter image description here

    • Although the link can find the answer to the question, it is better to point out the most important thing here, and give the link as a source. If the page to which the link leads will be changed, the response link may become invalid. - Saidolim
    • Nitsche did not understand .. - emtecif
    • 2
      @emtecif is a standard comment that is added when viewing a message from the "low quality" queue - your message is too short and the system has thrown it in for review. Just write down why these fonts, and how they will help in a particular situation. Answers with no explanation - evil. Links die over time. - PashaPash ♦
    • Files by reference, bytes to bytes as mine and style too ( - Neka
    • Everything is working fine, updated the answer - emtecif