font-face相关内容

通过 JavaScript 更改字体

所以基本的工作流程是这样的: 字体的异步文件上传(已经完成). 获取 URL(完成). 将字体更改为新 URL. 我意识到这需要通过 font-face 来完成，但我似乎无法弄清楚如何通过 JavaScript 访问它. 解决方案 您可以使用 @font-face 规则创建一个新的 元素并附加它到document的head: var newStyle = docu ..
发布时间：2021-12-30 11:41:51 前端开发

使用 CSS 将单个字体应用于整个网站

我想在我的整个网站上使用一种名为“Algerian"的字体.因此，我需要更改所有 HTML 标签，而且我不想为不同的标签编写不同的代码，例如: button{font-family:Algerian;}div{字体系列:阿尔及利亚；} 下面写的方法也非常不鼓励: div,button,span,strong{font-family:Algerian;} 解决方案 将 font-famil ..
发布时间：2021-12-30 11:40:00 前端开发

呈现高棉语的替代网络字体

什么是网络字体(最好从 Google Fonts 获得)支持高棉语 UI. 我尝试定义 font-family:khmer ui; 但即使我的计算机上安装了字体，它也无法呈现. 解决方案 高棉语(柬埔寨语)的支持很差，但有一个方便的选项，就像 Google Web Fonts 一样简单.实际上有一个 Google 网络字体可以工作.. 见 jsFiddle Google 有一个 ..
发布时间：2021-12-30 11:37:34 其他开发

通过 CSS 自定义字体

我现在正在学习 php、html 和 css，我正在尝试在我的网站上使用自定义字体.我找到了允许这样做的 @font-face 属性，但它不起作用.我究竟做错了什么?css: @font-face {font-family: LazurskiCTT;src:url(../sources/fonts/ie/LazurskiCTT Regular.eot);}/*IE*/@font-face {fo ..
发布时间：2021-12-30 11:23:59 前端开发

更改 TinyMCE 中的默认字体系列

我已使用文档此处 但这给我留下了一个问题.原来的默认字体在字体下拉列表中不再有效. 原始默认值:Verdana 新默认值:MyCustomFont 当我在编辑器中键入时，默认情况下我会看到 MyCustomFont 字体.如果我尝试将其更改为 Verdana(原始默认值)，则不会发生任何事情.我可以将其更改为 Verdana 以外的任何字体系列.我还注意到，当我在下拉列表中选择 My ..
发布时间：2021-12-30 11:17:56 前端开发

@font-face url 指向本地文件

我需要在 html 文件中包含字体 (OpenSymbol)，并且字体文件位于本地文件夹中(我知道它的确切绝对路径).如果我像这样使用@font-face: @font-face {字体系列:“OpenSymbol"；src: url("/OpenSymbol.ttf") format("truetype");} 它适用于 Chrome、Opera 和 Safari，但不适用于 Firefox ..
发布时间：2021-12-30 11:14:29 前端开发

Google Webfont 与本地字体冲突

我在使用 google-webfonts 时遇到了非常严重的冲突.好的，代码如下: 这是在头脑中: 这是在 css 文件中: body {字体系列:'Oswald'，无衬线；字体粗细:700；} "Oswald" 是 3 种字体的字体系列: 书 (300) 正常 (400) 粗体 (700) 如您所见……我只加载了粗体 (700).(你可以在查询中看到它)它一直工作 ..
发布时间：2021-12-30 11:06:53 前端开发

如何将字体粗细与字体字体一起使用?

我有两个字体文件，例如:FONT-light 和 FONT-bold.两者都来自@font-face 套件，因此每个版本都包含 5 个字体文件(OGV、TTF、WOFF、EOT). 要从浅色版本到粗体版本，我必须使用 font-family: FONT-light; 然后是 font-family: FONT-bold;.我想使用 font-weight: light; 和 font-wei ..
发布时间：2021-12-30 11:05:11 前端开发

@font-face 现在可以使用了吗?

我必须在项目中使用花哨的字体，但我真的很想避免使用 sifr 和其他丑陋的替代品，所以我正在查看 @font-face. 然而，我真的对几个博客/网站对其可用性提供不同的看法感到困惑.准备好了吗?目前哪些浏览器支持它? 谢谢 解决方案 现在几乎每个浏览器都实现了它.唯一真正的问题是 Internet Explorer 需要其自己的 OTF 格式的字体文件，并且无法识别 TTF ..
发布时间：2021-12-30 11:04:00 前端开发

@font-face 未通过 OpenType 嵌入权限检查.权限必须是可安装的

此异常发生在此处. 可以在 IE11 中重现.到目前为止，我还没有找到问题的原因.任何想法为什么会这样? CSS3114:@font-face 未通过 OpenType 嵌入权限检查.权限必须是可安装的.文件:53d9eae5-63b4-48d7-a5b8-3419455028bb.ttf 该网站在 Azure 网站平台上运行并使用 ASP.NET MVC 5. 解决方案 通过 ..
发布时间：2021-12-30 11:03:34 前端开发

预加载@font-face 字体?

是否可以在页面加载之前预加载或以其他方式缓存 @font-face 字体(最有可能使用 javascript)，以便在页面最终加载时不会出现丑陋的跳转? 解决方案 这个答案不再是最新的 请参考这个更新的答案:https://stackoverflow.com/a/46830425/4031815 已弃用的答案 我不知道当前有什么技术可以在字体加载时避免闪烁，但是您可以通过 ..
发布时间：2021-12-30 11:02:53 前端开发

使用 CSS 修复自定义字体行高

在我正在开发的新网络应用上使用自定义字体时，我遇到了一个奇怪的问题. 这种自定义字体 (FF DIN) 似乎具有自然的垂直偏离中心的行高，这迫使我进行一些填充顶部 hack 以补偿按钮和输入等元素的顶部空间. 示例:绿色字体 (Helvetica Neue) 正确对齐，其中我们使用的自定义字体 (FF DIN) 垂直偏离中心: 是否有任何已知的方法可以自然地解决 CSS 上的居中 ..
发布时间：2021-12-30 11:00:09 前端开发

特殊字符的后备字体

我想知道是否可以在使用 @font-face 时进行后备设置，以便如果我页面上的文本包含字体中未考虑的字符(例如日语字符)，则只有这些字符以基本字体显示，其他所有字符都保留为自定义字体? 我想，有时一个段落中可能会混合使用两种字体. 解决方案 您所描述的是浏览器的默认行为 - 它应该自然地回退到缺少字符的基本字体. 但是，有时自定义字体使用空白字符，在这种情况下，您可以尝试使用 ..
发布时间：2021-12-30 10:54:22 前端开发

在 CSS 中使用多个 @font-face 规则

如何在我的 CSS 中使用多个 @font-face 规则? 我已将此插入到我的样式表中: body {背景:#fff url(../images/body-bg-corporate.gif) repeat-x;填充底部:10px；字体系列:'GestaRegular'、Arial、Helvetica、sans-serif；}@字体脸{字体系列:'GestaReFogular';src: ..
发布时间：2021-12-30 10:54:01 前端开发

在 Web 浏览器上使用 .otf 字体

我在做一个需要在线试字体的网站，我的字体都是.otf 有没有办法嵌入字体并使它们在所有浏览器上都能正常工作? 如果没有，我还有什么其他选择? 解决方案 您可以使用@font-face 来实现您的 OTF 字体，例如: @font-face {字体系列:GraublauWeb；src: url("path/GraublauWeb.otf") 格式("opentype");}@字 ..
发布时间：2021-12-30 10:49:15 前端开发

网页中的非标准字体?

我最近遇到了一个使用字体“ff-tisa-web-pro-1"的网页(在他们的 CSS 文件中指定). 这是如何工作的?我的电脑上肯定没有这种字体，但它显示出来了. 解决方案 您可以使用 CSS 在网页中嵌入字体. 想要摆脱一些吸引人的标题的“网络安全"字体并且不使用图像吗?使用 CSS 3 并嵌入字体！ http://www.zenelements.com/blog/c ..
发布时间：2021-12-30 10:48:51 前端开发