Answer the question
In order to leave comments, you need to log in
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
@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 questionAsk a Question
731 491 924 answers to any question