@font-face{
font-family: name1;
src: url('../fonts/font1.otf');
}
@font-face{
font-family: name2;
src: url('../fonts/font2.ttf');
}
.demo1{font-family: name1;}
.demo2{font-family: name2;}
CSS字体加载实践
本文介绍了一种使用CSS加载自定义字体的方法,通过@font-face规则引入两种不同格式的字体文件,分别为.otf和.ttf。文章详细展示了如何为网页元素指定特定的字体,通过.demo1和.demo2类实现字体样式的切换。
@font-face{
font-family: name1;
src: url('../fonts/font1.otf');
}
@font-face{
font-family: name2;
src: url('../fonts/font2.ttf');
}
.demo1{font-family: name1;}
.demo2{font-family: name2;}
1441

被折叠的 条评论
为什么被折叠?