N
N
Nikolay2015-05-14 16:46:08
Fonts
Nikolay, 2015-05-14 16:46:08

Who can help with connecting third-party fonts?

Needed fonts:

  • Bebas Neue
  • ProximaNovaRegular

Both connected. The first one through webfonts.ru does not work for me, but through them @import "http://webfonts.ru/import/bebasneue.css";everything is fine.
The second is connected like this:
@font-face {
    font-family: "ProximaNovaRegular";
    src: url("ProximaNovaRegular/ProximaNovaRegular.eot");
    src: url("ProximaNovaRegular/ProximaNovaRegular.eot?#iefix")format("embedded-opentype"),
    url("ProximaNovaRegular/ProximaNovaRegular.woff") format("woff"),
    url("ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

But still doesn't work. If anyone has ready-made solutions or found an error (poke your nose).
Thanks in advance!

Answer the question

In order to leave comments, you need to log in

2 answer(s)
M
Maxim Kudryavtsev, 2015-05-14
@nickolyashka

Here and below the error
The browser can't find your font because you gave it the wrong path. Moving on to the question of how to.
If the ProximaNovaRegular folder is in the root of the site
If the path is from the current folder (for example, folder is your template folder, and it contains the ProximaNovaRegular folder where you have the font. CSS with your instructions is in the folder)
If your CSS is in the css folder and the ProximaNovaRegular folder is one level up
In general, your problem is most likely in the path to the font file.
If suddenly you are 100% sure that the path is correct and the font is there, then see if your web server cuts access to the folder with this font. In other words, can you download the font file via the browser from the link domen.com/ProximaNovaRegular/ProximaNovaRegular.eot .

D
Denis Ineshin, 2015-05-14
@IonDen

A common mistake is the wrong path to the font files.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question