шрифт не работает должным образом в chrome

Question

Я использую этот css, но он не работает должным образом.

@font-face { 
font-family: OpenSans-Bold; 
src: url('../design_images/font/OpenSans-Bold.eot'); /* EOT file for IE */ 
font-weight:normal; 
font-style:normal; 

} 
@font-face { 
font-family: OpenSans-Regular; 
src:url('font/OpenSans-Regular.eot'); 
font-weight:normal; 
font-style:normal; 

} 

@font-face { 
font-family: Oswald-Regular; 
src: url('font/Oswald-Regular.eot'); 
font-weight:normal; 
font-style:normal; 

} 
@font-face { 
font-family:OpenSans-Regular; 
src: url('font/OpenSans-Regular.ttf'); /* TTF file for CSS3 browsers */ 
font-weight:normal; 
font-style:normal; 
} 
@font-face { 
font-family:OpenSans-Bold; 
src: url('font/OpenSans-Bold.ttf'); 
font-weight:normal; 
font-style:normal; 
} 
@font-face { 
font-family: Oswald-Regular; 
src: url('font/Oswald-Regular.otf'); 
} 

.newr { 
     font-family:Oswald-Regular; 
     font-size:20px; 
     font-style:normal; 
     font-smooth:Crisp; 
     font-weight:normal; 
     color:#f9e211; 
     text-transform:uppercase; 
     margin:21px 0 0 25px; 
    } 

Answer 1

Похоже, у вас есть два разных пути в вашем атрибуте src. Один из них -

src: url ('../ design_images/font/OpenSans-Bold.eot');/* СРВ файл для IE */

и другие

ЦСИ: URL ('шрифт/OpenSans-Regular.eot');

Почему один путь ссылается на ../design_images/font/, а другой - font/? Это может быть ваша проблема, зависит от структуры вашего каталога. Просто подумал, что я это укажу.

Answer 2

использовать это:

@font-face{ 
    font-family: fontFamilyNameHere ; 
    src: url(.eot file path here); /* For IE */ 
    src: local("fontNameHere"), url(.ttf file path here) format("truetype"); /* non-IE */ 
    font-weight:normal; 
    font-style:normal; 
} 

Answer 3

Иногда я конвертировать обычные шрифты в WebFonts, чтобы заставить их выглядеть более гладкой и чистой, и добавить их в моем CSS, как что-то вроде этого:

@font-face { 
    font-family: 'ArvoRegular'; 
    src: url('Arvo-Regular-webfont.eot'); 
    src: url('Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('Arvo-Regular-webfont.woff') format('woff'), 
     url('Arvo-Regular-webfont.ttf') format('truetype'), 
     url('Arvo-Regular-webfont.svg#ArvoRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

Поиск генераторов @ font-face для генерации нужного шрифта.