CSS3之@font-face 规则

ou~吼

于 2019-12-23 09:48:59 发布

阅读量194

点赞数 1

CC 4.0 BY-SA版权

文章标签： html html5 css css3

本文链接：https://blog.youkuaiyun.com/ttl1076005106/article/details/103660292

本文详细介绍如何在网页中使用自定义字体，包括设置字体文件路径、定义字体家族名称、添加字体样式属性等步骤，帮助读者掌握字体自定义技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先使用你需要的字体（在这之前你必须要有自己的字体文件）；

@font-face
{
	font-family: myFirstFont;
	src: url('../fonts/icomoon.ttf') /*这是你所要引用的字体文件*/
		,url('../fonts/icomoon.eot'); /* IE9 */
}

div
{
	font-family:myFirstFont;
}

2.可以给你引用的字体添加一些样式

@font-face
{
	font-family: myFirstFont;
	src: url('../fonts/icomoon.woff');/*这是你所要引用的字体文件*/
}

@font-face
{
	font-family: myFirstFont;
	src: url('../fonts/icomoon.woff');/*这是你所要引用的字体文件*/
	font-weight:bold;  /*使文体加粗*/
}

div
{
	font-family:myFirstFont;
}