CSS字体调用

最新推荐文章于 2023-07-04 17:50:32 发布

cmj180

最新推荐文章于 2023-07-04 17:50:32 发布

阅读量105

点赞数

分类专栏： WEB 文章标签： xhtml

本文链接：https://blog.csdn.net/cmj180/article/details/84163029

版权

WEB 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在网页中嵌入任意字体的完整解决方案 - 51flash.cn</title>
<link rel="stylesheet" href="style.css" />
<style type="text/css">
@font-face {
font-family: 'hakuyoxingshu7000Regular';
src: url('7000.eot');
src: local('hakuyoxingshu7000 Regular'), local('hakuyoxingshu7000'), url('7000.ttf') format('truetype'), url('7000.svg#hakuyoxingshu7000') format('svg');
}
#poem{
font-size:45px;
font-family:hakuyoxingshu7000Regular;
text-align:center;
}
#poem p{height:30px;line-height:30px;}
</style>
</head>
<body>
<div id="poem">
<h3>云为素食</h3>
<p>京城有同窗，相约素食阁。</p><p>听者犹未尽，言者语已多。</p><p>满座皆友朋，畅谈何民科。</p><p>禅中寄小语，慎言且柔和。</p>
</div>
</body>
</html>

以上代码中“7000”为字体名称。
这种写法貌似是需要字体的3种格式；
而这3种格式分别兼容不同浏览器
.TTF或.OTF，适用于Firefox 3.5、Safari、Opera
.EOT，适用于Internet Explorer 4.0+
.SVG，适用于Chrome、IPhone。