为什么字体使用font-spider后就无法生效

为什么字体使用font-spider后就无法生效,第1张

方法/步骤
5/5分步阅读
1/5
第一步:
安装nodejs,去nodeJS的官网下载,你是多少位的电脑就下多少位的,下好后安装好,这里就不讲怎么安装了,反正就下一步呗。
2/5
第二步:
在开始菜单中找到nodejs文件夹,然后点开有点像这个运行程序的图标,我试过了,在电脑自带的cmd运行程序上使用是无效的,必须使用他这个,所以他让安装还是有一定道理的。
3/5
第三步:
在这个打开的nodejs这个运行窗口中,将npm install font-spider -g
复制进去,然后enter键,等一会,他程序运行有点慢,很快他便会出现一大堆看不懂的东西。
第四步:
不要管一大堆的看不懂的。打开你做好的html文件夹,字体记得建一个font文件夹放进去,和images、CSS文件夹并排,字体名称一定要换成字母的,你可以是中文缩写什么的。
4/5
第五步:
新建一个CSS样式表,定义字体,把下面的复制进去,输入你刚刚在font里命名的字体名称,这样字体的各种格式都定义好了。
@font-face {
  font-family: '字体名称'; 
  src: url('/font/字体名称eot');
  src:
    url('/font/字体名称woff') format('woff'),
    url('/font/字体名称ttf') format('truetype'),
    url('/font/字体名称svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
字体的格式都定义好了,肯定得引用了。
比如我在html中,有一个h1标签需要用到这个特殊字体,那么就跟普通font-family一样的做法了。
h1 {
  font-family: '字体名称';  
  font-size: 36px;
  color: #666;
}
5/5
第六步:
打开刚刚运行了一半的nodejs运行窗口,复制font-spider,然后打个空格,再复制你的路径,比如我的路径是D:/字蛛/test/indexhtml,因为我的html是放在D盘,然后一个测试文件夹中,所以这样写,按下enter键


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12750909.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存