B
B
Bogdan Gerasimenko2015-09-10 10:22:00
css
Bogdan Gerasimenko, 2015-09-10 10:22:00

Why don't @font-face work in Google Chrome on Windows XP?

Hello masters, a question regarding cross-browser compatibility.
I recently noticed that in Google Chrome (latest version) on Windows XP, fonts connected using @font-face do not work. At the same time, the oldest Internet Explorer recognized them without problems.
Has anyone encountered such a problem?
The code is standard, probably the fact is that the SVG is the last one (and it needs to be before the TTF):

@font-face {
  font-family: 'Europe';
  src: url('../font/Europe.eot?#iefix') format('embedded-opentype'),  url('../font/Europe.woff') format('woff'), url('../font/Europe.ttf')  format('truetype'), url('../font/Europe.svg#Europe') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Europe';
  src: url('../font/EuropeBold.eot?#iefix') format('embedded-opentype'),  url('../font/EuropeBold.woff') format('woff'), url('../font/EuropeBold.ttf')  format('truetype'), url('../font/EuropeBold.svg#Europe') format('svg');
  font-weight: bold;
  font-style: bold;
}

Answer the question

In order to leave comments, you need to log in

1 answer(s)
A
Antony Bark, 2015-09-18
@tolfy

@charset "UTF-8";
@font-face {
    font-family: 'Europe';
    src: url('../font/Europe.eot');
    src: url('../font/Europe.eot?#iefix') format('embedded-opentype'),
    url('../font/Europe.woff2') format('woff2'),
    url('../font/Europe.woff') format('woff'),
    url('../font/Europe.ttf') format('truetype'),
    url('../font/Europe.svg#Europe') format('svg');
    font-weight: normal;
    font-style: normal;
}

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question