CSS3 @font-face【自定义字体】

作者: 平凡执着 | 来源:发表于2017-06-13 15:31 被阅读0次

第十一周第四天笔记之css3知识解读
前端记录20171220
前端解决中文字体加载慢的问题
Web-Fontmin -- 在线提取你需要的字体
font-face 详解
CSS3 @font-face属性
@font-face
CSS3新特性(04)：@font-face
CSS3字体
IONIC2/3 常用方法(1)

css

@font-face {
   font-family: 'YourWebFontName'; //自定义的字体名称
    src: url('YourWebFontName.eot'); /* IE9 Compat Modes *///字体的存放路径 
    src: url('YourWebFontName.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
  url('YourWebFontName.woff') format('woff'), /* Modern Browsers */
  url('YourWebFontName.ttf') format('truetype'), /* Safari, Android, iOS */ 
  url('YourWebFontName.svg#YourWebFontName') format('svg'); /* Legacy iOS */ }


h2. nuDemo { font-family: 'NeuesBauenDemo' }

html

<h2 class="nuDemo">Nu Bauen Demo</h2>

Dafont.com 寻找自己需要的字体
Font Squirrel 在线字体转换工具

第十一周第四天笔记之css3知识解读
1 css3知识解读 css3解读链接：css3知识解读自定义字体利用@font-face{}引入自定义字体；创...
前端记录20171220
光标形态 cursor自定义字体 @font-face CSS3字体兼容 > 特别是一些字体图标
前端解决中文字体加载慢的问题
CSS3中，使用@font-face即可加载自定义字体了。推荐的跨浏览器 @font-face CSS 写法： ...
Web-Fontmin -- 在线提取你需要的字体
关于@font-face @font-face是CSS3中的一个模块，使用 @font-face 可以自定义网页字...
font-face 详解
@font-face 是 CSS3 的一个模块，其主要作用是可将自定义字体嵌入到网页中，让网页字体的运用不只是限定...
CSS3 @font-face属性
font-face是css3中允许使用自定义字体的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中。到了今...
@font-face
@font-face是CSS3中的功能，可以利用它来修改Web网页中的字体。@font-face使用的语法规则： ...
CSS3新特性(04)：@font-face
@font-face是CSS3新特性中的一个模块，今天就来介绍下它。它主要是把自定义的Web字体嵌入到你的网页中。...
CSS3字体
通过CSS3，web设计师再也不必被强迫使用"web-safe"字体了。 CSS3 @font-face 规则 C...
IONIC2/3 常用方法(1)
1.自定义字体在variables.scss文件中: @font-face { font-family: '...