百韵网 >>  正文

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

来源:www.baiyundou.net   日期:较早时间
方法/步骤

5/5分步阅读
1/5
第一步:
安装node.js,去nodeJS的官网下载,你是多少位的电脑就下多少位的,下好后安装好,这里就不讲怎么安装了,反正就下一步呗。
2/5
第二步:
在开始菜单中找到node.js文件夹,然后点开有点像这个运行程序的图标,我试过了,在电脑自带的cmd运行程序上使用是无效的,必须使用他这个,所以他让安装还是有一定道理的。
3/5
第三步:
在这个打开的node.js这个运行窗口中,将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
第六步:
打开刚刚运行了一半的node.js运行窗口,复制font-spider,然后打个空格,再复制你的路径,比如我的路径是D:/字蛛/test/index.html,因为我的html是放在D盘,然后一个测试文件夹中,所以这样写,按下enter键

font-family字体不生效问题~

现在的CSS3 新增了一个服务器字体,@font-face{......},就算自己字体库没有的,页面也可以显示该字体。不知道你看的那个网站是不是采用了这个?

.iconfont {-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;}
.iconfont-10 {font-family:'iconfont-10' !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing: grayscale;}

相关要点总结:

15367008137:为什么字体使用font-spider后就无法生效
艾扶答:在这个打开的node.js这个运行窗口中,将npm install font-spider -g 复制进去,然后enter键,等一会,他程序运行有点慢,很快他便会出现一大堆看不懂的东西。第四步:不要管一大堆的看不懂的。打开你做好的html文件夹,字体记得建一个font文件夹放进去,和images、CSS文件夹并排,字体名称一定要换成...

15367008137:font 是什么意思?
艾扶答:在计算机领域,font 泛指字体,即指定字符的特定样式和大小。通常,我们使用 font 来指定字体的外观、大小和字重等属性,以便在文档、网页和其他应用程序中使文本更加易读。font 的用途很广,特别是对于设计人员和印刷行业来说尤其重要,因为不同字体的选择可以对文本的感观和读取速度产生非常大的影响。font...

15367008137:通过设置font-style的值为什么实现斜体的字体样式
艾扶答:该属性用于定义字体的风格。在css中可以利用font-style属性设置斜体样式,该属性用于定义字体的风格,该属性的值为italic表示的就是字体样式为斜体。

15367008137:css样式 body的font-size 为什么用62.5%而不是10px
艾扶答:相对大小:font-size属性能被设置成相对于父节点的字体大小的相对大小。em: 1em相当于当前字体的1倍大小的字体。2em相当于当前字体的2倍字体大小的字体。: 100%相当于当前字体大小, 200% 相当于2倍字体的大小.ex: 1ex 相当于当前字体中字母 ‘x’高度值一样大小的字体.很少的开发者使用ex ,实际...

15367008137:网页设计如何设置字体网页设计如何设置字体间距
艾扶答:使用font-size控制字体大小font-size定义和用法font-size属性可设置字体的尺寸。说明:该属性设置元素的字体大小。注意,实际上它设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。各关键字对应的字体必须比一个最小关键字相应字体要高,并且要小于下一个最大关键字对应的字体...

15367008137:font-spider 字体压缩教程
艾扶答:全局安装你 font-spider 包:命令为: sudo npm install  font-spider -g   (sudo管理员指令,你可以理解为跟高的权限来运行)第三步:输入:font-spider -V 确保已经安装完成;将你要压缩的字体文件 放到一个 font文件夹中 和 css html 平级 你的html文件要引入对应的css文件...

15367008137:前端什么是字体图标前端什么是字体图标符号
艾扶答:不一定,如果字体包过大而且没有压缩或者打包在程序内是会造成,但是如果利用fontspider进行压缩精简后事不会造成加载缓慢的 web前端的概念和本质?Web或www是在Internet上运行的覆盖全球的多媒体信息系统,Internet上有许多站点向Web提供信息。Web是最大特征就是使用超文本,它可同时显示文本、图形、声音和、...

15367008137:在Mac安装字体 font里面有 但是字体册里面没有 并不能用 是为什么
艾扶答:应该是mac系统的识别问题,字体文件名有时候会不一样,解决方法如下: 1、首先打开mac电脑,进入页面后点击屏幕下方“启动台”或功能键F4,如下图所示。 2、然后在打开的“other”文件夹中找到“字体册“,如下图所示。 3、打开字体册后,点击窗口上方的“+”按钮,如下图所示。 4、定位到已经下载好的字体,选择“...

15367008137:使用css设置文本的字体通过什么属性
艾扶答:font-weight 字体粗细(bold相等于设置该属性的值为700,normal相等于设置该属性值为400–>不用单位,建议使用数字因为解析会更快)fon-style normal(一般用于让斜体不倾斜,em标签有加重强调的语义 但是字体会倾斜,可以为em 标签设置 font-style 属性值为 normal 取消其倾斜的效果)字体样式可以连写 即...

15367008137:css中font-type作用
艾扶答:貌似没有font-type,

(编辑:本站网友)
相关推荐
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图
@ 百韵网