在css使用自定义字体

為{幸葍}努か 提交于 2020-03-01 21:27:31
在css文件中通过@font-face自定义字体,src 为字体文件的相对路径。
@font-face {
font-family: "LED";//为字体取名字
src: url("fonts/HD_UnidreamLED.ttf") format('truetype');//字体文件
}
//在样式中使用该字体
.led {
font-size:50px;
font-family: LED;
}

注:每种格式的字体文件,format()的值可能不一样。

src: url('YourWebFontName.eot?') format('eot');src:url('YourWebFontName.woff') format('woff');src:url('YourWebFontName.ttf') format('truetype');src:url('YourWebFontName.svg') format('svg');
如果文章对你有帮助,麻烦帮忙点个赞哦!嘿嘿!做一个靠谱的技术博主!
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!