1.使用服务器端字体
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
@font-face{
font-family:WebFont;
/* ttf :o otf:t */
src:url(FUBOLD.TTF) format("truetype");
font-weight:normal;
}
div{
font-family:WebFont;
}
</style>
</head>
<body>
<!-- word-break
:normal:使用浏览器默认的换行规则
:keep-all:在半角和连字符处换行
:break-all:允许在单词间内换行
-->
<div>demodemo</div>
</body>
</html>
2.如果客户端有该字体,则加载客户端字体
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
@font-face{
font-family:Arial;
src:local("Arial"), /* 加载客户端字体 */
url("FUBOLD.TTF"); /* 如果客户端不存在字体,则加载该服务器端字体 */
}
div{
font-family:Arial;
}
</style>
</head>
<body>
<!-- word-break
:normal:使用浏览器默认的换行规则
:keep-all:在半角和连字符处换行
:break-all:允许在单词间内换行
-->
<div>demodemo</div>
</body>
</html>