网站字体分为两种类型,一种是默认字体,一种是外部字体。
默认字体
如果整个网页都要弄成宋体的话就将body定义为宋体即可,即在样式表中加入:body{font-family:"宋体"},如果只要一部分为宋体,那将那一部分的层的字体样式定义为宋体就行了。
默认的字体有宋体、楷体、黑体、新宋体、仿宋等。
外部字体
样式表中嵌入外部字体,用@font-face语法。
@font-face{font-family:namesrc:<url>sRules}
<name>:为自定义字体名称
<url>:使用绝对或相对地址指定OpenType字体
<sRules>:样式表定义
如:
@font-face{
font-family:YH
src:url(http://www.xxx.com/xxx.ttf)
}
然后再设置需要变换字体的样式即可,如:body{font-family:YH},字体名称是上述所说自定义好的名称。
由于有字数限制,不能写出所有详细步骤,所以这里不添加代码了,你可以自己搜索下添加修改css代码,然后按着操作走就可以了,但是提醒你,有些模板CSS代码不相同,新手不易操作,以防出错把你找到的css代码当中的logo-site改成你网站包围logo的css即可(f12键审核元素,即可找到你的logo的css元素)。找到你logo的css名称然后把上面的css代码修改成你的css名称,放入css代码当中即可(防止出错,记得备份!)
以上就是logo添加css扫光效果的方法,当然你也可以运用到其他的地方。