CSS3之@font-face 规则

最新推荐文章于 2025-12-11 23:30:00 发布

原创最新推荐文章于 2025-12-11 23:30:00 发布 · 206 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #html5 #css #css3

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

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;
}