font face如何导入自定义字体

首先，浏览器支持什么字体取决于用户系统里安装了什么字体，比如CSS中这么写：
font-family:"微软雅黑","黑体","宋体";
那么浏览器会尝试按照从左到右的顺序依次应用，假设用户电脑上没有安装微软雅黑，那么就用黑体。

接下来，开发人员有点郁闷了，这个世界有这么多字体，我怎么保证用户电脑上有我希望的字体呢？美工给我的完美效果，到了老板电脑上一团糟，会不会被骂死？

这时，CSS勇敢的站出来了，它约定了5种通用字体："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"，请注意，这5个不是5个字体，表示5类字体，比如说serif表示那种字体成比例，且上下有小横线的（参考time new roman）,那么只要符合这个特征的字体都可以算成是serif, 具体采用哪个字体，由浏览器自己根据用户电脑上安装了哪种字体采用一个默认的，各浏览器可能有所不同。几乎所有你知道的普通字体都落入这5种字体类中，这样CSS可以基本上保证一个网页呈现在不同用户的电脑上的用户体验是差不多的。

最后，我们的美工比较变态，非要弄了个高大上的字体，一般用户电脑上都没有的咋整？我们可以用font-face让用户的浏览器从服务器上下载字体

@font-face {font-family: 美轮美奂的字体;src:url('字体文件1.woff'),  url('字体文件2.ttf'),url('字体文件3.eot');
}

你问我为什么要搞好几个url指向多个字体文件？我只能说还是为了那个坑爹的兼容性，怕有的字体文件在这个操作系统不支持啊。。。

font face如何导入自定义字体相关推荐

iOS 导入自定义字体不生效
自定义字体的使用首先把字体文件导入到项目在info.plist中添加Fonts provided by application,对应的value就是包含你自定义字体的数组接下来看下是否添加成功 ...
Unity/UI —— 使用字符图片自定义字体(Custom Font)
前言在Unity的UI设计中,我们经常会遇到需要自定义字体的情况.毕竟Unity自带的字体只有Arial一种,根本无法满足人民群众对于美的向往.当然,全能的Unity支持我们导入或创建字体,并可以在 ...
ios设置中性黑体_ios 解决自定义字体无法显示问题
现在的项目中都会使用自定义字体,而iOS9其中的一项新特性就是用新的「苹方」字体替代了已经使用了几年的「华文黑体」,所以现在记录一下iOS如何导入并在项目中使用苹方字体的使用. 1. 下载一个 .tf ...
iOS 【使用自定义字体-苹方字体】
现在的项目中都会使用自定义字体,而iOS9其中的一项新特性就是用新的「苹方」字体替代了已经使用了几年的「华文黑体」,所以现在记录一下iOS如何导入并在项目中使用苹方字体的使用. 1. 下载一个 .tf ...
解决JDK13版本后IntelliJ IDEA导入新字体文件
由于JDK13版本不再单独生成jre文件,IDEA也不再单独生成jre文件,旧方法导入字体不再适用 . 以下是博主在JDK13版本IntelliJ IDEA导入自定义字体的方法: 先找出本机的Inte ...
ios设置中性黑体_iOS - 使用自定义字体-苹方字体
苹方提供了六个字重,font-family 定义如下: 苹方-简常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简极细体 font-fami ...
iOS - 使用自定义字体-苹方字体
苹方提供了六个字重,font-family 定义如下: 苹方-简常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简极细体 font-fami ...
WebStorm 自定义字体+颜色+语法高亮+导入导出用户设置
WebStorm 自定义字体+颜色+语法高亮+导入导出用户设置 WebStorm是一个捷克公司开发的,功能虽然很强大,但UI貌似一直不是东欧人的强项.WebStorm默认的编辑器颜色搭配不算讲究,我看 ...
java加载自定义字体java.io.IOException: Problem reading font data.
异常信息 load font error:{} java.io.IOException: Problem reading font data.at java.awt.Font.createFont0( ...

font face如何导入自定义字体

font face如何导入自定义字体相关推荐

最新文章

热门文章