程序员经验分享-hwhale

无需 JavaScript 即可选择性地设置后备字体样式？

2023-12-09

我见过几种使用 JavaScript 设置后备字体样式的方法：例如，Google 和 Typekit 开发的一款，但我很好奇是否有任何方法可以在不使用 JavaScript 的情况下做到这一点。

例如，我想使用 Arialheight:10px;如果用户没有 Arial，我想使用 Timesheight:24px;如果不是这样，我想使用蓝色无衬线字体。好吧，这是一个相当荒谬的例子，但它显示了我想要的总体效果。

任何帮助将不胜感激！


CSS 中没有办法做到这一点。如果您找到了使用 JavaScript 实现这一点的方法，请分享。 （有一种方法可以获取 IE 上 JavaScript 中所有已安装字体的列表，但我不知道有什么跨浏览器的方法。）

请注意，您引用的页面没有设置后备字体样式；相反，它会动态加载字体（在您可以做到这一点的范围内，后备字体就失去了意义）。

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

html

css

无需 JavaScript 即可选择性地设置后备字体样式？ 的相关文章

  • 使用百分比 (%) 时如何计算填充？

    为什么本例中的内边距不等于 300 像素 Test width 600px padding right 50 box sizing border box background ddd div TEXT ETISI DHOASIHD I SA

  • 如何对 bootstrap-3 分页进行编程以处理简单的 HTML 内容

    我正在 新闻 部分工作 并尝试使用 jquery 使 bootstrap 3 分页工作 分页的 HTML

  • Bootstrap 列中的标题高度相同

    我有这样的 html bootstrap css div class container div class row div class col xs 6 col div class block div class title strong

  • jQuery能否获取未绘制的动态元素的大小

    我的意思是如果我用 jQuery 和 DOM 创建一个 Element var MainHolder document createElement div addClass box 如果我打电话MainHolder width 如果不在窗口

  • 无法在scrollView中滚动

    我有一个屏幕 我可以在输入字段中输入内容并获得相应的搜索结果 该列表在 ScrollView 中呈现 但当键盘打开时 在 Android 中 它仍然不允许我滚动 我怎样才能解决这个问题 return lt gt addressesFound

  • 如何使用 javascript 触发表单验证的本机验证气泡/工具提示？

    我有一个附加了 html5 验证 必需 等 属性的表单 有没有一种方法可以触发本机验证气泡 工具提示的出现 而无需模拟表单的提交按钮上的 单击 正如评论中所述 您可以使用 reportValidity 方法 这是广泛支持 https dev

  • Bootstrap：使用单个选项卡导航控制多个选项卡面板

    我想用一个选项卡导航来控制两个不同的选项卡内容 在 Bootstrap 3 中 我有一个使用逗号分隔数据目标的解决方案 如本例所示 https stackoverflow com a 19719859 1788961 https stack

  • PHP：如何防止不必要的换行

    我正在使用 PHP 创建一些基本的 HTML 标签始终相同 但实际链接 标题对应于 PHP 变量 string p a href strong i title i i strong a br echo string fwrite outfi

  • 列表中允许 div 吗？ [复制]

    这个问题在这里已经有答案了 我知道DIV inside LI是不允许的 但我最近在许多 大 网站上看到了它 例如粉碎杂志 网页设计师墙 etc 我尝试验证网站 但它们有错误 但没有任何信息DIV in LI 那么我可以在里面使用它吗LI 我

  • 将按键和焦点事件附加到 contenteditable div 内的元素

    我想附上keypress and focusoutcontenteditable 内段落的事件处理程序div 下面的代码似乎不起作用 div p Test p p Test p p Test p div p1 bind keypress f

  • 带有旋转文本的垂直导航

    我正在尝试实现一个包含链接的垂直导航菜单 并且我已使用 css3 将链接文本旋转到 270 度 我旋转了它 因为我希望文本从下到上 问题是当我添加顶部填充时 间距不一致 你可以看到我的代码here http jsbin com ravudu

  • CSS 无法与 CodeIgniter 一起使用

    这是我的 CI 代码的一部分 class page extends CI Controller var Page public function construct parent construct this gt Page 1 this

  • 如何读取 XML 文件并从中获取值以在 PHP 编码的 HTML 页面中显示

    我有一个 XML 文件 其中有一些重复的标签 其中包含不同的值 我需要获取这些值并显示在我的网页中 请帮助我得到这个 如果您使用 PHP5 可以查看 SimpleXML 您可以在这里找到介绍教程 http www w3schools com

  • 如何在缩放动画中保持原点位于图像中心？

    我有类似的情况fiddle https jsfiddle net ddvn3p1h 3 其中我有一个 CSS3 动画 可以缩放绝对定位在另一个元素中心的元素 但是 当动画发生时 它会偏离中心 如示例中相对于蓝色的红色方块所示 我如何将其居中

  • 3 Div 盒子不适合容器

    在页面上 jerkydirect com base opportunity 容器内有 3 个带有图片的盒子 然而 当在大屏幕上查看时 最后一个框粘在右侧 它在较小的窗口或移动设备上看起来很棒 但在较大的屏幕上则不然 我怎样才能让它正确对齐

  • 如何使用javascript隐藏div

    我想使用 Javascript 隐藏一个 div 下面是我的div div class ui dialog titlebar ui widget header ui corner all ui helper clearfix span cl

  • 更改 Google Colab Markdown 文本中的字体样式

    这可以改变 Colab 中 Markdown 的字体样式吗 我编写了这段 CSS 代码 但由于它不起作用 我不知道如何使用它 或者是否可能 该代码完美地工作在html文件但无法在 Colab 上运行

  • 如何更改 div 悬停时的跨度颜色

    我正在尝试更改 div 悬停时跨度的颜色 如何使红色汉堡按钮 即跨度 在 div 悬停时将颜色更改为黑色 PS 现在它在跨度的悬停上执行此操作 JSFiddle https jsfiddle net bjjbqct8 https jsfid

  • CSS 字体在 Firefox 中不起作用

    我下面有这个字体代码 它在谷歌浏览器中工作正常 但在火狐浏览器中根本不起作用 为什么

  • 右列固定的 Div 表

    我最近接手了一个非营利网站作为一个项目 我正在使用一个现有的网站 所以我必须使用很多已经编程的东西 所以我所要做的就是创建设计 I made a diagram of basically what I can t figure out ho

随机推荐

  • iPhone - NSWeekCalendarUnit 和 NSWeekdayCalendarUnit 之间有什么区别？

    我试图使用这些值设置 UILocalNotification 的重复间隔 但一如既往 Apple 文档非常模糊 有什么线索吗 thanks 也许看看我刚刚发现的这个博客关于主题 AFAIK NSCalendarUnits主要用于将日期或时间

  • 使用模型描述中的标题属性创建 CheckboxFor MVC 帮助程序

    我创建了一个文本框助手来添加取自模型中字段的描述属性的标题 工具提示 public static MvcHtmlString TextBoxForWithTitle

  • EPPlus 日期单元格数据类型不起作用

    我有一些代码接受 IEnumerable 并从中生成 Excel 文档 IEnumerable 中的对象有一个日期字段 我希望将它们格式化为 Excel 中的日期 但是 当您在 Excel 中查看时 日期似乎不是 日期 数据类型 直到您双击

  • 带 GDI 的黑色高亮条

    我为我的 GUI 提供了一些不错的分割器代码 但我无法获得笔 画笔 无论我需要做适当的突出显示是什么 您知道在 Visual Studio 10 中如何拖动分割条 并且有一个漂亮的黑色透明条让您知道当您抬起鼠标按钮时分割将发生在哪里 这是一

  • WooCommerce 客户帐单地址

    我正在尝试将增值税字段添加到客户账单地址 而这可以在结账页面上使用以下代码 Company Name Required add filter woocommerce checkout fields custom override check

  • 龙卷风协程函数中的变量会发生什么情况？

    我对非阻塞 IO 的概念很陌生 并且有一些事情我无法理解 关于协程 考虑这段代码 class UserPostHandler RequestHandler gen coroutine def get self var some variab

  • 如何在用户按下按钮或图像后显示 Google Picker API 对话框？

    有 HTML 专家可以帮助我吗 我想展示Google 选择器 API 对话框用户单击按钮或图像后 我想随后在页面上显示结果 对于知道如何进行 Web 编程的开发人员来说 这应该很简单 如何使用的示例代码位于上面的链接中 十分感谢 现在我自己

  • PHP: $i = $i++ 导致服务器崩溃

    几年前 在我知道 SO 之前 这件事就发生在我身上 但我仍然很好奇 当我还在学习PHP基础知识时 我不小心输入了 i i 当我在浏览器中测试网页时 服务器崩溃了 花了很长时间才恢复 我之前输入过一些非常愚蠢的东西并创建了一堆无限循环 但出于

  • 为 scipy.optimize.fmin （和其他）设置收敛标准

    我正在开展一项优化任务 其中成本函数评估非常昂贵 并且可以容忍一些错误 我正在使用 scipy optimize 中的一些预先打包的 scipy 方法来开始 我合作的第一个是fmin 它实现了 nelder mead 单纯形算法 该函数有两

  • 如何在 Tomcat 中对多个错误代码使用相同的错误页面？

    我正在尝试从 tomcat servlet 发送纯文本错误消息 以便应用程序可以将响应呈现给用户 我的 web xml 中有以下内容

  • 在 LINQ to SQL 中使用 contains()

    我正在尝试使用 linq to sql 在应用程序中实现非常基本的关键字搜索 我的搜索词位于一个字符串数组中 每个数组项都是一个单词 我想找到包含搜索词的行 我不介意它们是否不仅仅包含搜索词 很可能会 但所有搜索词都必须存在 理想情况下 我

  • razor 页面上自定义验证属性的 ASP.NET Core 客户端验证

    目前 这就是我的模型类的样子 具有自定义验证属性 客户端 cs Required DisplayName Bookkeeping public bool Bookkeeping get set Required DisplayName Pe

  • 使用谷歌应用程序脚本按日期过滤数组

    我有一个谷歌电子表格 它是一个 2 列表格 其中 A 列日期 我确定是日期 并且所有日期函数在所有列上都可以正常工作 和 B 列文本 通过谷歌应用程序脚本 我获得了范围内的所有值 var sheet SpreadsheetApp openB

  • Plotly 分散 3D 相机，减少空白

    我正在绘制 3d 散点图spyderIDE 并且运行良好 除此之外 我试图将特定的相机视图保存为 png 格式 这就是我遇到问题的地方 本文 https nbviewer org github etpinard plotly misc nb

  • 在matplotlib散点图中绘制从x=0到数据点的水平线（水平茎图）

    考虑以下情节 由该函数产生 def timeDiffPlot dataA dataB saveto None leg None labels list dataA graph figure figsize screenMedium ax g

  • 使用spark-csv写入单个CSV文件

    我在用https github com databricks spark csv 我试图编写一个 CSV 但无法 它正在创建一个文件夹 需要一个 Scala 函数 它将接受路径和文件名等参数并写入该 CSV 文件 它正在创建一个包含多个文件

  • 如何在 React Native 中设置默认字体系列？

    React Native 中是否有与此 CSS 等效的内容 以便应用程序在任何地方都使用相同的字体 body font family Open Sans 在每个文本节点上手动应用它似乎过于复杂 推荐的方法是创建您自己的组件 例如 MyApp

  • 单例模式性能问题

    我正在审查一段现有的代码 它使用了大量的单例类和访问 我正在努力提高这段代码的性能 我想到的一件事是优化 Singleton getInstance 代码 我倾向于将其替换为具有两次调用的结构 而不是使用 Singleton getInst

  • 可执行加密检查防盗版措施

    我读了一篇非常有趣的博客 内容是关于在您的应用程序中实施一些反盗版保护 其中一些不再工作 另一些则可以 最后列出的 2 个在一定程度上仍然有效 http shmoopi wordpress com 2011 06 19 27 我感兴趣的是最

  • 无需 JavaScript 即可选择性地设置后备字体样式？

    我见过几种使用 JavaScript 设置后备字体样式的方法 例如 Google 和 Typekit 开发的一款 但我很好奇是否有任何方法可以在不使用 JavaScript 的情况下做到这一点 例如 我想使用 Arialheight 10p

热门标签