<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* @font-face { font-family:Daum; src: url(font/Inkfree.ttf); } .test{ font: 50px "daum"; } */ .test{ font: 100px "微软雅黑"; } </style> </head> <body> <div class="test"> 周冬雨SY </div> </body> </html>
自定义字体
@font-face{
font-family:文字名称(自己设定的);
src:url(字体位置);
}
字体图标就是icon图标具体使用步骤见CSS3-字体图标的使用_蓬莱老仙的博客-CSDN博客