Hello! Help me please. I connect the fonts for the site in this way:

@font-face { font-family: 'Sochi2014 Bold'; src: url("http://xxxx.ru/podpiska/fonts/Sochi2014_Light.ttf"); } @font-face { font-family: 'Sochi2014 Bold'; src: url("http://www.xxxx.ru/podpiska/fonts/Sochi2014_Light.ttf"); }

The first font-face for chrome, where after http there is no www (otherwise the fonts are not loaded).

The second font-face for Mozilla, where after http is www .

Mozilla devtools issues such warnings:

downloadable font: download failed (font-family: "Sochi2014 Light" style: normal weight: normal stretch: normal src index: 0): bad URI or cross-site access not allowed source: http://xxxx.ru/podpiska/ fonts / Sochi2014_Light.ttf promo_test.css: 13: 12

The request from an outside source is blocked: The policy of one source prohibits the reading of a remote resource at http://xxxx.ru/podpiska/fonts/Sochi2014_Light.ttf . (Reason: the Access-Control-Allow-Origin CORS header is missing.)

How to get rid of these warnings? Can it somehow connect the fonts differently? I wanted through Google Fonts , but there were no fonts I needed.

  • 2
    If you do not go into details, then the site from which you are trying to tyrit fonts prohibits them from tyrat, that's all. You will have to download them, save them to your server and load them from there. - Duck Learns to Take Cover
  • 2
    Well, that is, greatly simplifying the web is arranged in such a way that you cannot say from the site mySite.com to load something from otherSite.com unless otherSite.com explicitly permits this. - Duck Learns to Take Cover

0