解决方案似乎是添加多个@ font-face规则,例如:

@font-face {

font-family: "DejaVu Sans";

src: url("fonts/DejaVuSans.ttf");

}

@font-face {

font-family: "DejaVu Sans";

src: url("fonts/DejaVuSans-Bold.ttf");

font-weight: bold;

}

@font-face {

font-family: "DejaVu Sans";

src: url("fonts/DejaVuSans-Oblique.ttf");

font-style: italic, oblique;

}

@font-face {

font-family: "DejaVu Sans";

src: url("fonts/DejaVuSans-BoldOblique.ttf");

font-weight: bold;

font-style: italic, oblique;

}

顺便说一下,似乎谷歌浏览器不知道格式(“ttf”)参数,所以你可能想跳过那个。

(这个答案对于CSS 2规范是正确的,CSS3只允许一个字体样式,而不是一个逗号分隔的列表。)

html怎么引入多个字体文件,css – 如何为同一个字体添加多个字体文件?相关推荐

  1. iconfont 图标转为字体_如何把你的图标转换成web字体

    我已经制为网站制作了一些优雅的图标,并且在新的网站和老的iPad上进行了测试.正常尺寸下,布局看看上去一切OK,但的将页面进行放大显示,我却发现我的icon变得模糊不清,但是基于文本的标题依然清晰可见 ...

  2. php如何导入字体样式,css怎么引入外部字体?css 字体样式设置的方法(实例)...

    在浏览器显示中,页面上不同的字体样式,不仅提升了页面的美观度,也提升了用户的浏览交互性.那么这些不同的字体样式是怎么用css设置的?本章就给大家带来css如何引入外部字体?css 字体样式设置的方法( ...

  3. HTML页面引入字体@font-face CSS指定字体从远程服务器下载

    @font-face @font-face CSS at-rule 指定一个用于显示文本的自定义字体:字体能从远程服务器或者用户本地安装的字体加载. 如果提供了local()函数,从用户本地查找指定的 ...

  4. tp view html 引用css,TP5.1:将外部资源引入到框架中(css/js/font文件)

    为了让我们的框架形式变得更加好看,我们需要加入Bootstrap和Jq文件到框架中 1.通过Bootstrap和jq官网进行相关文件的下载 (1)Bootstrap下载地址:https://v3.bo ...

  5. h5引入不同的js文件怎样让第二个js使用第一个js文件中的函数_px2rem-loader使用及注意事项...

    1.安装lib-flexible.js: //基于vue-cli配置手淘的lib-flexible + rem,实现移动端自适应 2.安装px2rem-loader://使用 webpack 的 px ...

  6. html 中加入字体库,css字体库怎么用?

    CSS是一种定义样式结构如字体.颜色.位置等的语言,被用于描述网页上的信息格式化和现实的方式.CSS样式可以直接存储于HTML网页或者单独的样式单文件. css字体库使用方法: 1.下载字体库文件 自 ...

  7. CSS 系列七 高级技巧篇 精灵图 、字体图标 、CSS三角 、 图片和文字对齐以及bug 、溢出文字省略号 、CSS 初始化 、 常见的布局技巧

    --------------------------- 精灵图 --------------------------- 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中 ...

  8. CSS 6 精灵图 字体图标 CSS三角 用户界面样式 vertical-align 溢出文字省略号 常见布局技巧

    目录 1.精灵图 1.1为什么需要精灵图 1.2精灵图(sprites)的使用 1.3精灵图使用案例 2.字体图标 2.1字体图标的产生 2.2字体图标的优点 2.3字体图标的下载 2.4字体图标的引 ...

  9. 【CSS基础学习笔记】精灵图、字体图标、三角形、样式优化

    精灵图 CSS精灵技术:能有效地减少服务器接收和发送请求的次数,提高页面的加载速度. 核心原理:将网页中的一些小背景图像整合到一张大图中,这样服务器只需要一次请求就可以了.(主要针对小的背景图片,因为 ...

最新文章

  1. 网站错误记录:A transport-level error has occurred when sending the request to the server.
  2. python中locals函数_Python locals()函数
  3. 红杉中国合伙人刘星:新零售新在哪里?
  4. Windows完成端口的理解
  5. [emacs] python代码折叠
  6. Apdex(Application Performance Index)量化应用性能
  7. Navicat for MySQL连接MySQL数据库时各种错误解决
  8. 深度学习(二十七)可视化理解卷积神经网络
  9. 大数据算法_大数据算法下的我们,犹如“皇帝的新衣”
  10. 【使用指南】ComponentOne Enterprise .NET开发控件集
  11. python 使用word转pdf遇到的问题
  12. Python的优势和劣势
  13. HD2直刷WP7系统教程及详细说明【ROM+直刷驱动+内存卡工
  14. Spring Cloud源码阅读(一)
  15. 狗狗40题~ (Volume C)
  16. 软件测试/测试开发丨Docker 容器技术与常用命令
  17. Qt一条令人费解的错误
  18. RecyclerView 多条目
  19. 惠普HP dc7900的BIOS如何开启虚拟化VT设置
  20. 前端如何实现选项卡效果?

热门文章

  1. PWM 互补两个引脚输出相同的PWM波形 CH1 和CH1N
  2. arduino编乐谱_【Arduino】用Arduino编首小曲子吧
  3. 行业洞察 | 你的车载语音助手足够Smart吗?
  4. Gradle项目在构建时出现No PSK available错误的解决方案
  5. ps----制作双眼皮
  6. 83、城市消防远程监控系统设计要求
  7. 西门子HMI_WinCC Flexible Smart V3下载
  8. 数据结构第二版(朱昌杰版)树的存储结构
  9. 无法找到打印机microsoft xps document writer
  10. java版mc多少钱_我的世界Java版20w48a