介绍 & lt; style 类型=拔谋?css"比;
@font-face {
字体类型:& # 39;chunlian& # 39;;
src: url(字体/chunlian.ttf);
}
@font-face {
字体类型:& # 39;江南# 39;;
src: url(字体/jiangnan.ttf);
}
.chunlian {
字体类型:& # 39;chunlian& # 39;;
字体大小:50 px;
文本阴影:没有;
}
.jiangnan {
字体类型:& # 39;江南# 39;;
字体大小:40像素;
}
@font-face {
字体类型:& # 39;毛泽东# 39;;
src: url(字体/maozedong.ttf);
}
.maozedong {
字体类型:& # 39;毛泽东# 39;;
字体大小:50 px;
文本阴影:没有;
}
& lt;/style>
这篇文章主要介绍了CSS3中如何引入多种自定义字体字体,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
今天在HTML中发现了一个问题,提供给我们默认的字体有很多,但是除了那些“黑体”,“宋体”,“楷体”等支持中文字体之外,其余的都不知道中文字体,如果我们需要用自己喜欢的字体怎么办呢? CSS3中是否可以引入自定义下载的字体呢?如果可以我们应该怎么引入?带着这一系列的问题我们来看下解决方案,说什么都不如看效果,下面是三种字体在网页中的效果,“春联标准字体”,“江南艺术调字体”和“毛浙东艺术字体”的效果:
谷歌浏览器:
& lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta charset=癠TF-8"祝辞
& lt; title>字体文件测试& lt;/title>
& lt;/head>
& lt; body>
& lt; div 类=癱hunlian"祝辞春联标准字体测试& lt;/div>
& lt; div 类=癹iangnan"祝辞江南艺术调字体测试& lt;/div>
& lt; div 类=癿aozedong"祝辞,毛泽东字体测试& lt;/div>
& lt;/body>
& lt;/html>
然后就是CSS样式设置:
如果再加入其他字体直接在CSS中写@font-face即可。
感谢你能够认真阅读完这篇文章,希望小编分享的“CSS3中如何引入多种自定义字体字体”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
