在CSS中,我们可以通过引入字体样式来改变文本的字体类型、大小、颜色等样式。以下是一些引入字体样式的方法:
@font-face { font-family: 'MyFont'; src: url('myfont.ttf'); }
上面的代码使用了@font-face规则,它允许我们定义自己的字体。在这个规则内部,我们需要声明一个自定义的font-family名称并指定该字体文件的URL。
body { font-family: 'MyFont', sans-serif; }
上面的代码指定了MyFont字体作为body元素中的默认字体,当MyFont不可用时,使用sans-serif字体作为备选字体。我们也可以在其他选择器中使用相同的字体定义。
h1 { font-size: 36px; font-weight: bold; font-family: 'MyFont', sans-serif; color: #333; }
这段代码设置了h1标题元素的字体类型、大小、粗细、颜色等样式,和前面的例子类似。
总之,在CSS中引入字体样式非常简单,只需定义自己的font-family名称并指定字体文件的URL。接着,将该字体应用于相关的元素即可。