css - 如何阻止@font-face 大写字母

Question

我face-face在我的样式表中使用了 css，但唯一的问题是它把网站上的所有“i”都大写了。谁能告诉我怎么了。

@font-face {
font-family: "Arial Black";
src: url('/wp-content/themes/RatedRnB/fonts/ariblk-webfont.eot');
src: url('/wp-content/themes/RatedRnB/fonts/ariblk-webfont.eot?') format('opentype'),
     url('/wp-content/themes/RatedRnB/fonts/ariblk-webfont.woff') format('woff'),
     url('/wp-content/themes/RatedRnB/fonts/ariblk-webfont.ttf') format('truetype'),
     url('/wp-content/themes/RatedRnB/fonts/ariblk-webfont.svg#Arial Black') format('svg');

}

Answer 1

尝试这个

@font-face {
font-family: "Arial Black";
src: url('/wp-content/themes/RatedRnB/fonts/ariblk-webfont.eot');
src: url('/wp-content/themes/RatedRnB/fonts/ariblk-webfont.eot?') format('opentype'),
     url('/wp-content/themes/RatedRnB/fonts/ariblk-webfont.woff') format('woff'),
     url('/wp-content/themes/RatedRnB/fonts/ariblk-webfont.ttf') format('truetype'),
     url('/wp-content/themes/RatedRnB/fonts/ariblk-webfont.svg#Arial Black') format('svg');
text-transform:none;
font-style:normal;

}