我正在尝试将字体导入我使用@font-face
制作的网站。但它不会在Chrome上运行,有时它适用于Firefox,有时则不适用。
所以我不知道发生了什么。
这是我到目前为止所尝试的:
@font-face {
font-family: "Proxima Nova";
src: url('fonts/Proxima Nova.otf') format('opentype');
}
这几乎适用于Firefox,但Chrome甚至不想显示它,而是显示一些奇怪的字体,完全随机的大小与输入的css无关。
然后我尝试了这个:
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'proxnova';
src: url('fonts/ProximaNovaSemibold.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
}
这个固定的大小问题,但现在它没有在任何地方显示正确的字体。请帮忙。
您必须为不同的浏览器使用不同的字体格式。对于那个很抱歉... :(
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
您可以使用http://www.fontsquirrel.com/等网站自动生成所需内容。