在css使用自定义字体

在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');

如果文章对你有帮助，麻烦帮忙点个赞哦！嘿嘿！做一个靠谱的技术博主！

转载于:https://www.cnblogs.com/CatcherLJ/p/11207226.html