D
D
DiscoTeka2015-07-17 17:45:11
Fonts
DiscoTeka, 2015-07-17 17:45:11

Why does IE display fonts incorrectly and how to get around it?

There is CSS code:

@font-face {
font-family: "Azer";
src: url("Azer.eot"); /* Для поддержки браузера IE6+ */
src: url("Azer.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("Azer.otf") format("opentype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Ft40";
src: url("Ft40.eot"); /* Для поддержки браузера IE6+ */
src: url("Ft40.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("Ft40.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "bicubik";
src: url("bicubik.eot"); /* Для поддержки браузера IE6+ */
src: url("bicubik.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("bicubik.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "bebas";
src: url("bebas.eot"); /* Для поддержки браузера IE6+ */
src: url("bebas.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("bebas.otf") format("opentype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "segoe";
src: url("segoe.eot"); /* Для поддержки браузера IE6+ */
src: url("segoe.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("segoe.ttf") format("opentype");
font-weight: normal;
font-style: normal;
}

Bebas font issue. When specified in the style file: font-family: bebas, Azer, Arial, Verdana;mozilla and chrome display the font correctly, but IE (in this particular case it is IE 9) does not pick up this particular font and moves on to the next one.
But if you specify
font-family: Bebas Neue Book, Azer, Arial, Verdana;
(As I understand it, this is the real name of the font, written in the file itself), then the result is inverted, namely, it is displayed correctly in IE, but it cannot in others and connects the next one in the list. Tell me what is the problem, what did I do or what did not do? The rest of the fonts normally picks up.
Such long code for the bigger picture. Actually, the effect does not depend on the design of the connection and the number of connected fonts (my opinion).

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question