下面是一个例子:
@font-face { font-family: "MyFont"; src: url("myfont.ttf"); } p { font-family: "MyFont"; }
以上代码定义了一个名为”MyFont”的字体,它的来源是一个叫做”myfont.ttf”的文件。接着,大家将所有的p标签的字体都设置为”MyFont”,这样在网站中所有的段落文字都将用这个新字体来展示。
需要注意的是,大家使用@font-face引用的字体文件必须具有正确的格式,否则浏览器无法识别。在上面的例子中,字体文件必须是TrueType格式(.ttf),否则将无法成功引用。
此外,大家还可以根据需要定义不同的字体样式,例如增加字重、倾斜、下划线等。以下是一些常用的字体样式属性:
- font-weight:字重(值为数字或bold、normal等)
- font-style:字体样式(值为italic、oblique、normal等)
- text-decoration:文本修饰(值为underline、overline、line-through等)
通过合理地运用CSS中的字体定义规则,大家能够在网页中创造出更为多彩的视觉效果。