@font-face可以实现从服务器端加载字体,所有浏览器中使用的字体就可以不受本地字体的限制。@font-face真的不是什么新鲜玩意,早在2001年时就被提出来,只不过近两年才被各浏览器广泛支持。而且各浏览器支持的字体文件格式也可能不同,一般来说如下四种格式可覆盖所有浏览器。 eot:该格式仅在 ...
分类:
Web程序 时间:
2017-12-04 11:39:19
阅读次数:
192
参考来源: 静觅丨崔庆才的个人博客 项目地址: copywang/spiders_collection 实现功能: 遇到的问题: 未解决问题: 原因:源代码中展示的并不是纯粹的数字。而是在页面使用了font-face定义了字符集,并通过unicode去映射展示。简单介绍下这种新型的web-fongt ...
分类:
其他好文 时间:
2017-11-25 11:32:53
阅读次数:
154
先下载字体文件,在线转换需要的字体格式,使用和普通的font-family一样:font-family:"in"/*字体*/@font-face { font-family: 'in'; src: url('../fonts/neutraface2display-titling.eot'); src ...
分类:
Web程序 时间:
2017-10-26 18:09:38
阅读次数:
261
@font-face{ font-family:"Times New Roman"; } @font-face{ font-family:"宋体"; } p.MsoNormal{ mso-style-name:正文; mso-style-parent:""; margin:0pt; margin-b ...
分类:
数据库 时间:
2017-10-02 09:37:18
阅读次数:
254
添加自定义字体图标 在src目录下新建icon文件夹,把字体文件放进去。然后在theme/variables.scss中后面添加以下内容,注意把相应位置替换成你自己的: 1 $iconfont-path: "../assets/icon"; 2 3 @font-face { 4 font-famil ...
分类:
其他好文 时间:
2017-09-30 10:14:40
阅读次数:
430
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>字体图标练习</title> <style> /*1.!/寻找项目中字体图标的连接代码*!*!*/ @font-face { font-family: 'iconf ...
分类:
其他好文 时间:
2017-09-28 11:39:49
阅读次数:
177
出自:http://www.cnblogs.com/hafiz/p/7573464.html@font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; src: url("http://blog.... ...
分类:
其他好文 时间:
2017-09-22 11:43:07
阅读次数:
126
@font-face { font-family: DeliciousRoman; src: url('…/Delicious-Roman.otf'); font-stretch: condensed; //拉伸 font-style: oblique; //斜体 font-weight: bold ...
分类:
其他好文 时间:
2017-08-30 16:41:23
阅读次数:
245
@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:1. 不可 ...
分类:
Web程序 时间:
2017-08-29 14:27:46
阅读次数:
192