你好,(fontFamily: "wgsFont",//该字体是我自己引入的lcd字体,不知道怎么引入) 这个应该怎么引入呢
应项目需求需要实现如图效果(这也是实际效果图),做一个方法总结:
1、首先到https://www.dafont.com/theme.php?cat=302下载你需要的字体,它提供的字体很多不止有LCD字体一种。
/* 引入lcd字体 */
@font-face {
font-family: "wgsFont";
src: url("../font/ds-digi-webfont.eot"); /* IE9 Compat Modes */
src: url("../font/ds-digi-webfont.eot?#iefix") format("embedded-opentype"), /*IE6-IE8 */
url("../font/ds-digi-webfont.woff") format("woff"), /* Modern Browsers */
url("../font/ds-digi-webfont.ttf") format("truetype"), /* Safari, Android, iOS */
url("../font/ds-digi-webfont.svg") format("svg"); /* Legacy iOS */
}
到此准备工作就完成了
代码中具体怎么用:(font-size,color,font-weight等都是可以正常使用的,只是字体增加了一种,当然字体名你可以在步骤7中自己起名字)