使用 CSS @font-face 时,浏览器按什么顺序使用不同类型?

2023-11-26

使用时@font-faceCSS 中是否记录了每种主要浏览器中适用的字体类型,以及如果缺少一种或多种字体类型,它们对不同字体类型的优先级?我尝试用谷歌搜索答案,但失败了。

@font-face {
    font-family: 'myfont';
    src: url('myfont.eot');
    src: url('myfont.eot?#iefix') format('embedded-opentype'),
    url('myfont.woff') format('woff'),
    url('myfont.ttf') format('truetype'),
    url('myfont.svg#myfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

希望有一个类似的东西...

允许的格式(按优先顺序排列):

  • IE10:TTF、EOT、WOFF
  • IE9:EOT、WOFF
  • IE8: ...
  • 铬合金: ...
  • 移动版 Chrome:...
  • 火狐浏览器:...
  • 苹果浏览器: ...
  • 移动Safari:...

的价值srcproperty 是一个优先列表,因此每个浏览器将使用列表中其支持的格式的第一个字体。来自 CSS 字体模块第 3 级 CR,部分4.3 字体引用:src描述符:“它的值是外部引用或本地安装的字体名称的优先级、逗号分隔列表。当需要字体时,用户代理会迭代列出的引用集,使用它可以成功激活的第一个引用。包含无效数据或未找到的本地字体的字体将被忽略,用户代理会加载列表中的下一个字体。”

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 CSS @font-face 时,浏览器按什么顺序使用不同类型? 的相关文章

  • 我的 CSS 未在 Internet Explorer 11 和 Firefox 中加载!仅适用于 Chrome

    我正在创建一个简单的网页 我的 CSS 只能在 Chrome 中使用 它在 Firefox 和 IE11 中都不起作用 这是我的 HTML h1 b u Adding a new Visitor u b h1 br div class wr
  • JSF 2.1 中的 HTML 4 <按钮>

    我想使用以下命令 The JSF
  • 在 HTML5 中创建可拖动和可缩放的网格

    与其他 HTML5 不同如何创建网格问题 我想知道如何制作一个可拖动且可扩展的 绘制网格非常简单 var c document getElementById canvas var ctx c getContext 2d var width
  • 如何在HTML中的PHP中注释掉HTML和PHP?

    这是我想注释掉的一行代码 h1 class post title a href title a h1 一种流行的注释方法是分别注释 html 和 php 有一个更好的方法吗
  • Textmate“注释”命令对于 css 代码无法正常工作

    当我在 TextMate 中切换 CSS 源代码的注释时遇到一些问题 Using the shortcut CMD I activate the Comment Line Selection command from the source
  • 来自 JSON 的 Angular 8 动态表单

    我正在尝试从 JSON 模式递归生成动态表单 但我正在努力解决找不到表单控件的问题 这是代码示例 我收到这个错误 错误错误 找不到名称为 createdAt 的控件 我尝试了不同的方法 但仍然存在问题 我知道我错过了一些东西 所以请帮忙 任
  • Modernizr - 加载 polyfills / 使用自定义检测的正确方法

    我想在网页上使用一些新的 HTML5 表单属性和输入类型 有些浏览器已经支持它们 有些浏览器不支持 也永远不会支持 这就是我想使用 Modernizr 的原因 这就是我的麻烦开始的原因 据我了解 Modernizr 本身并不是一个 poly
  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • 动画进度元素值

    我有一个progress元素 该元素如下所示 div class container div div div
  • 如何延迟加载嵌入在 iframe 上的 YouTube 视频?

    如何将延迟加载应用于iframe嵌入视频 我尝试添加loading eager loading auto and loading lazyload 您可以使用srcdoc你里面的属性iframe标签来加载图像 请参阅以下示例作为参考
  • 在d3.js中将2D形状转换为3D,并根据ANGULAR中的值调整高度

    我正在使用 d3 js v6 创建以下 2D 图表表示的 3D 图表 这个圆圈中有多个正方形 每个正方形都根据值分配了一种颜色 值越大 正方形越暗 现在我想将其转换为 3D 形状 其中当值变高时 只有特定正方形的高度会增加 因此结果在某种程
  • 使用 JS 合并具有相同值的相邻 HTML 表格单元格

    我已经为此苦苦挣扎了一段时间 我有一个根据一些 JSON 数据自动生成的表 该数据可能会有所不同 我想合并第一列中具有相同值的相邻单元格 例如此表中的 鱼 和 鸟 table tr td fish td td salmon td tr tr
  • 覆盖并重置 CSS 样式:auto 或 none 不起作用

    我想覆盖为所有表定义的以下 CSS 样式 table font size 12px width 100 min width 400px display inline table 我有一个特定的表 其类名为 other 最后的餐桌装饰应该是这
  • Twitter 嵌入时间轴小部件

    我继续下载http platform twitter com widgets js http platform twitter com widgets js And the http platform twitter com embed t
  • 为什么“tbody”不设置表格的背景颜色?

    我在用 tbody 作为 CSS 选择器来设置background color在一个表中 我这样做是因为我有多个 tbody 表内的部分 它们具有不同的背景颜色 我的问题是 当使用border radius在细胞上 细胞不尊重backgro
  • 悬停时为 SVG 制作动画

    我正在尝试在悬停时为 SVG 文件设置动画 默认情况下 它可以使用 svg 函数实现出色的动画效果 例如
  • 更改ggplot2中的字体

    曾几何时 我改变了我的ggplot2字体使用windowsFonts Times windowsFont TT Times New Roman 现在 我无法摆脱这一切 在尝试设置family in ggplot2 theme 当我用不同的字
  • 为范围旋钮 ionic-range 添加边框颜色

    我正在使用离子范围添加范围滑块 并想向范围旋钮添加边框 由于它的 ionic4 和范围旋钮是 Shadow dom 的一部分 我无法使用范围旋钮的 border 属性直接更改边框 我已附上我想要实现的图像 范围旋钮周围有白色边框 现有属性只
  • HTML 默认图像大小

    我在我的代码上显示 3 张图片 图片具有不同的尺寸 宽度和高度 div class row div class col lg 12 h2 class page header Gallery h2 div div class col md 4
  • 带显示块的SPAN

    和默认有什么区别 div 元素和默认值 span 元素与display block HTML 元素的有效性和语义存在差异 否则它们是相同的 div and span两者都被定义为通用容器 在 HTML 方面没有更深层次的含义 一个默认为块显

随机推荐

  • 是否可以以无点形式编写模式匹配函数?

    考虑以下 Haskell 代码 data Keypress Keypress Int Char getSeq Keypress gt Char getSeq Keypress i c replicate i c 有什么办法可以写getSeq
  • 关于用友元函数查找名字的问题

    我已阅读 basic lookup unqual 的标准部分 对此我感到困惑 typedef int f namespace N struct A friend void f A operator int void g A a int i
  • 如何将 GIF 图像添加到 Assets 文件夹并以编程方式将它们加载到 UIImageView 中

    我正在尝试将 2x 和 3x GIF 图像放入 Xcode 中的 Assets 文件夹中 我已经尝试过以下链接 但它对我不起作用 Link 1 and Link 2 我目前正在加载 GIF 文件 方法是将它们添加到我的项目包中并使用此访问它
  • PHP函数未定义变量问题

    我是 PHP 新手 所以我的函数有一个小问题 我有这行代码
  • 确保 .NET 中的 json 键为小写

    是否有在 NET 中使用 JSON 的简单方法来确保密钥以小写形式发送 目前我正在使用 newtonsoft 的 Json NET 库并简单地使用 string loginRequest JsonConvert SerializeObjec
  • 反应本机获取cookie

    我已经使用 fetch 登录了我的服务器 我想知道如何获取 cookie 我知道我可以使用 文档 cookie在浏览器开发中获取cookies 但是在React Native中如何开发 非常感谢 我刚刚遇到了同样的问题 我的第一个方法是手动
  • C++11 中的向量 VS 矢量 [关闭]

    Closed 这个问题是基于意见的 目前不接受答案 我们为什么要使用vector
  • 在 WAMP 上安装 IMAGEMAGICK 的分步说明?

    似乎没有任何简明的教程 演练在 WAMP 上安装 ImageMagick 以与 PHP 一起使用 我已经尝试了数十种二进制版本与不同 php 扩展 dll 文件的组合 我可以从命令行让 imagemagick 正常工作 并且可以让它在 WA
  • 缺少 Google 日历结束时间

    这是我的谷歌日历请求 在响应中 错误代码是 缺少结束时间 我正在尝试使其动态化 因此我最终将删除硬编码的开始和结束日期时间 var object end dateTime 2014 07 28T23 00 00 end timeZone t
  • 根据选项组和选项计算产品变体

    我正在编写一个电子商务网站 需要一种好方法来计算产品变化 网站有产品 产品可以有很多选项组 选项组可以有很多选项 因此 T 恤产品有 3 个选项组和选项 Size 小的 中等的 大的 Color 红色的 蓝色的 黄色的 黑色的 Materi
  • python 修改函数中列表的切片

    考虑下面的代码 def func1 a a x 2 for x in a a range 10 print a prints 0 1 2 3 4 5 6 7 8 9 func1 a 5 print a also prints 0 1 2 3
  • 如何在SVN中找到两个分支的共同祖先?

    想象一下 您有一棵巨大的 SVN 树 树枝遍布各处 有树干 有树枝 这些树枝有树枝 等等 那么 给定树中的两个树枝 如何找到共同的祖先 我知道你可以简单地获取完整的日志并进行比较 但是如果你的主干有 75 000 个修订 并且大多数时候你确
  • 在 SpriteKit 中移动相机

    UPDATE已添加更新的代码 其工作原理符合我的预期 请参阅下面更新的代码中的 didSimulatePhysics 方法 就我而言 我只关心在 x 轴上向左或向右移动字符 其中 x 轴上的 0 是绝对左侧 x 轴上的右侧是可配置值 苹果的
  • Set-MsmqQueueACL - 允许 - 无法按照文档使用列表?

    我正在尝试使用 Powershell v5 1 Win2k16 在 Msmq 队列上设置 ACL 但即使我遵循文档 我仍然收到错误 Get MsmqQueue Name s009 ClientsServiceBus QueueType Pr
  • 如何在服务器端获取 HTTP POST 请求正文作为 Java 字符串?

    HttpExchange 对象的 getRequestBody 方法返回一个 InputStream 正确解读 正文 还有很多工作要做 它是一个 Java 库 对象 方法 向前迈出一步并将主体 在服务器端 作为现成的 Java 字符串返回
  • 如何在没有 glDrawPixels 的情况下将缓冲区对象渲染/绘制到帧缓冲区

    根据 opengl 规范 4 0 glDrawPixels 已被弃用 对于 cuda 互操作性 似乎最好使用 opengl 缓冲区对象 替代方案可以是纹理或表面 但它们存在缓存 并发问题 因此无法用于我的 cuda 内核 我只是想创建一个
  • 为什么我们使用finally块? [复制]

    这个问题在这里已经有答案了 据我所知 以下两个代码片段都具有相同的目的 为什么有finally完全阻塞吗 Code A try Some code catch Exception handling code finally Cleanup
  • 什么是锯齿状数组?

    什么是锯齿状数组 在 C 中 任何例子以及何时应该使用它 交错数组是数组的数组 string arrays new string 5 这是五个不同字符串数组的集合 每个数组的长度都可以不同 它们也可以是相同的长度 但重点是没有保证他们就是
  • ScrollViewer 上 VerticalOffset 属性的双向绑定?

    我在 Silverlight 3 0 中有一个视图和一个视图模型 该视图包含一个标准的 ScrollViewer 其中包含动态内容 根据 ScrollViewer 中的内容 用户可能已向下滚动内容一半 然后执行导致 ScrollViewer
  • 使用 CSS @font-face 时,浏览器按什么顺序使用不同类型?

    使用时 font faceCSS 中是否记录了每种主要浏览器中适用的字体类型 以及如果缺少一种或多种字体类型 它们对不同字体类型的优先级 我尝试用谷歌搜索答案 但失败了 font face font family myfont src ur