gpt4 book ai didi

css - @font-face 字体替换以跨浏览器工作

转载 作者:太空宇宙 更新时间:2023-11-04 04:40:28 24 4
gpt4 key购买 nike

我无法让这个@font-face 字体替换在跨浏览器上工作,你能帮忙吗?它可以在除 ie 9 之外的所有版本中工作,或者在除 ie 7 和 ie 8 之外的所有版本中工作。

我的字体是 .eot .otf .svg 。 ttf.woff?

谢谢

    /* works in all but ie 9 */
@font-face {
font-family: 'Deutsch';
src: url('/fonts/Deutsch.eot');
src: local('/fonts/Deutsch'),
url('/fonts/Deutsch.ttf') format('truetype'),
url('/fonts/Deutsch.svg#font') format('svg');
}
/*from [http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/][1] */


/* works in all but ie 7 and ie 8 */
@font-face {
font-family: 'Deutsch';
src: url('/fonts/Deutsch.ttf'),
url('/fonts/Deutsch.eot'); /* IE9+ */
}
/*from [http://w3schools.com/css3/css3_fonts.asp][2]*/

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>

<style type="text/css">



/* code place holder location for css */



#test
{
font-family:'Deutsch';
font-weight:bold;
text-decoration:underline;
font-style:italic;
font-size:30px;
}

</style>




</head>
<body>

<div id="test">text goes here</div>

</body>
</html>

最佳答案

首先像下面这样重写你的字体系列,

font-family: 'Deutsch', sans-serif;

如果不是这样,您必须为此使用一个网站,它会将您的 ttf 格式转换为其他不同的字体格式...

检查这个,http://www.fontsquirrel.com/fontface/generator

关于css - @font-face 字体替换以跨浏览器工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15564936/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com