美文网首页
网站前端嵌入特殊字体

网站前端嵌入特殊字体

作者: Tanya木易 | 来源:发表于2018-08-21 13:37 被阅读0次

一、web中常用的20种字体
https://www.cnblogs.com/duanhuajian/archive/2013/01/31/2887117.html

二、网页中嵌入特殊字体(@font-face) https://www.w3cways.com/1738.html
转换字体的网站http://www.fontsquirrel.com/tools/webfont-generator

font-face
自动生成所需eot,svg,ttf,woff,woff2 5种文件,并且还有个CSS文件,直接包含调用以上5种文件
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}

相关文章

  • 网站前端嵌入特殊字体

    一、web中常用的20种字体https://www.cnblogs.com/duanhuajian/archive...

  • web中font漫谈

    日常前端开发中,少不了与字体打交道。一般小网站的开发中只需要使用系统默认字体即可,但需要制作特殊效果的网站避免不了...

  • 中文字体Web开发规范

    特殊字体的处理方式 设计稿的处理中,有些字体只有设计师有,需要前端拓展了系统字库才能显示正确的效果。对于前端页面使...

  • 字体反爬的解决方案

    现在许多网站采用字体反爬策略,即替换一些字符的unicode编码并且将生成的字体文件加密后传输到前端,由前端解析并...

  • 微信小程序特殊字体

    微信小程序中如何使用特殊字体 先百度下载要使用的字体 打开网站 https://transfonter.org/红...

  • 优化阅读体验,网站预设字体的CSS最佳写法

    英文字体的文件大小比较小可以使用嵌入字体让网站展示更好,但中文就不一样了,文件大小是 MB 级别,为了 WEB 端...

  • 优化阅读体验,网站预设字体的 CSS 最佳写法

    英文字体的文件大小比较小可以使用嵌入字体让网站展示更好,但中文就不一样了,文件大小是 MB 级别,为了 WEB 端...

  • 字体图标的用法

    字体图标网站:醉牛前端:http://f2er.club/阿里巴巴图标库:http://www.iconfont....

  • 自定义字体与字蛛使用方法及坑点

    相信很多做前端的都会遇到这一类问题,当前网页需要引入一些特殊字体,过去这些字体通常使用图片代替,不仅增加了requ...

  • 前端、后端、全栈究竟是干什么的?

    一、前端方向 网站的“前端”是与用户直接交互的部分,包括你在浏览网页时接触的所有视觉内容--从字体到颜色,以及下拉...

网友评论

      本文标题:网站前端嵌入特殊字体

      本文链接:https://www.haomeiwen.com/subject/nmodiftx.html