您的位置：首页 > Web前端 > CSS

CSS3文字与字体相关样式

2018-02-18 14:01 411 查看

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"),
4000
/* 加载客户端字体 */
url("FUBOLD.TTF");      /* 如果客户端不存在字体，则加载该服务器端字体 */
}
div{
font-family:Arial;
}
</style>
</head>

<body>

<!-- word-break
:normal:使用浏览器默认的换行规则
:keep-all:在半角和连字符处换行
:break-all:允许在单词间内换行
-->
<div>demodemo</div>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航