woff相关内容

如何为我的网站使用 .woff 字体?

您将字体放在哪里以便 CSS 可以访问它们? 我在 .woff 文件中为浏览器使用非标准字体.假设它的“awesome-font"存储在文件“awesome-font.woff"中. 解决方案 woff 文件生成后,需要定义 font-family,以后可以在你的所有 css 样式中使用.下面是定义字体系列(普通、粗体、粗斜体、斜体)字体的代码.假设有 4 个 *.woff 文件(用 ..
发布时间:2021-12-30 11:10:35 前端开发

.woff2 字体的正确 MIME 类型

今天我将 Font Awesome 包更新到 4.3.0 并注意到 woff2 字体加入.该文件在 CSS 中链接,因此我需要配置 nginx 以正确提供 woff2 文件. 目前我在 nginx 配置中有这个字体块: location ~* \.(otf|eot|woff|ttf)$ {类型 {font/opentype otf;}类型 {application/vnd.ms-fonto ..
发布时间:2021-12-30 10:46:43 其他开发

更正字体 MIME 类型的 Apache AddType 指令

我将 @font-face 用于嵌入字体(感谢 Paul Irish).在尝试修复 Chrome 关于 woff 字体 MIME 类型错误的警告时,我发现了大量相互矛盾的建议. 似乎每个人都同意 .eot 字体(对于 IE 6-8?)应该使用 AddType application/vnd.ms-fontobject .eot 对于 .ttf 字体(旧的非 IE 浏览器?)我见过 Ad ..
发布时间:2021-11-11 04:57:51 服务器开发

如何仅将拉丁语子集与 Google Fonts WOFF2 文件一起使用?

我想用 Google Fonts 添加字体,但我注意到一个奇怪的行为. 我想添加一个只有拉丁语子集的字体,我不想要 latin-ext、cyrillic 或 cyrillic-ext 子集,以减轻代码.我知道这是默认行为,所以我这样做了: 在 Firefox(以及其他不支持 WOFF2 的浏览器)中,我得到了正确的输出: @font-face {字体系列:'哲学家';字体样式:正常; ..
发布时间:2021-09-23 18:30:27 其他开发

浏览器不呈现WOFF字体(@ font-face)

好的,我有一个我无法解决的问题,我正在尝试研究Internet Explorer 10中WOFF字体的使用情况. 我从 fontsquirrel 下载了工具包,并根据所包含的CSS和HTML文件向网络中添加了字体应用.(IIS 7上的ASP.NET MVC) 现在,TTF字体在Firefox和Chrome中完全可以正常工作(IE不支持),但是WOFF字体似乎根本不起作用(所有较新的浏览 ..
发布时间:2021-04-26 19:27:21 前端开发

对于.ttf,.woff和.woff2等字体文件,FileReader.readAsDataURL()阅读器结果为空

我正在构建一个允许用户上载自定义字体的Web界面.问题是我无法通过FileReader.readAsDataUrl()将字体文件(特别是.ttf,.woff和.woff2文件)转换为base64,以便随后可以通过我的API放置这些文件. 我可以成功reasAsDataUrl .png和.jpg文件,并以base64编码的字符串的形式接收这些文件的数据,没问题.但是,当我尝试对.ttf,.wo ..
发布时间:2020-11-06 03:17:06 前端开发

将多个.woff文件合并为一个

在我管理的网站上,我们有几个.woff文件,每种字体一个.为了节省加载时间,我想减少发出的请求数量.是否可以将这些woff文件合并为一个资源? 解决方案 您可以使用base64将woff资产捆绑到CSS中. 在@ font-face声明中: url('data:application/x-font-woff;base64,myVeryLongBase64StringGoesHe ..
发布时间:2020-07-02 05:05:32 其他开发

WOFF字体的Mime类型?

WOFF字体应该用作哪种哑剧类型? 我将Truetype(ttf)字体用作font/truetype,将opentype(otf)用作font/opentype,但是我找不到WOFF字体的正确格式. 我尝试过font/woff,font/webopen和font/webopentype,但是Chrome仍然抱怨: “资源被解释为字体,但以MIME类型application/oct ..
发布时间:2020-06-13 19:11:03 其他开发

Rails 3 Web字体(WOFF)MIME类型

我们从静态资产中提供一些Web字体(.woff),我想设置正确的mime类型(application/x-font-woff).我尝试在config/initializers/mime_types.rb中执行此操作,但没有效果: Mime::Type.register "application/x-font-woff", :woff 返回的mime类型仍然保持为application/o ..
发布时间:2020-05-09 21:48:53 其他开发

WOFF字体,它们是什么,为什么要关心?

所以mozilla提出了一个新的webfont,我不是真的进入这个世界,但我想保持自我up2date。那么,甚至微软支持它什么是伟大的事情,为什么我应该作为一个webdev护理? 和旧的有什么不同? 我们是否需要另一种字体系统? 在什么情况下我应该使用WOFF? 为什么不只是坚持现有的? 另外一个叫做WOFF的新标签可能会有用。 / em>在HTML中。 这个原因很重 ..
发布时间:2018-01-06 21:55:34 其他开发

适用于.woff2字体的正确的MIME类型

今天,我将 Font Awesome 软件包更新到4.3.0,并注意到 woff2 字体加入。这个文件是用CSS链接的,所以我需要配置nginx来正确地提供woff2文件。 $ b $ p $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ b类型{application / vnd.ms-fontobject eo ..
发布时间:2018-01-06 21:20:58 其他开发

如何在Firefox中使用@ font-face的数据uri

我正在为一个公共wifi接入点设计一个初始页面,Firefox拒绝显示我的自定义字体,而它在每个其他浏览器中工作(好,不是IE 页面需要在以下约束中工作: 互联网:此页面在用户接受条款和条件之前显示,因此一切都被阻止 页面存储在接入点上:这意味着嵌入式服务器可能用C编写,我不能真正添加​​额外的标题或东西。它的开源,所以它可能是,但我绝对不是一个嵌入式开发人员! WiFi是用来做广 ..
发布时间:2017-02-18 23:53:50 前端开发

如何为我的网站使用.woff字体?

您在哪里放置字体以便CSS可以访问它们? 我在.woff文件中使用浏览器的非标准字体。让我们说它的“awesome-font”存储在文件“awesome-font.woff”中。 解决方案 ,你必须定义font-family,以后可以在所有的css样式中使用。下面是定义字体系列(正常,粗体,粗斜体,斜体)的代码。假设有4 * .woff文件(用于所提及的字样)放置在 fonts 子目 ..
发布时间:2017-01-19 21:15:29 前端开发

在字体表面声明中仍然需要eot,ttf和svg吗?

Up util现在,我使用了Paul Irish的 bulletproof font-face sytax 但我只是想在上支持.woff和.woff2文件caniuse ,它表示woff在IE9 +中受支持。大多数关于这个话题的文章是从2009年左右,在写这篇文章的时候是一个完整的7年前。我们真的需要继续声明ttf,otf,eot和svg,当woff现在享有这么广泛的支持吗? 解决方案 ..
发布时间:2017-01-19 07:02:27 前端开发

为什么@ font-face在woff文件上抛出404错误?

我在我公司的网站上使用 @ font-face ,它的工作/看起来不错。除非Firefox和Chrome会在 .woff 文件中抛出404错误。 IE不抛出错误。我有字体位于根,但我试过在css文件夹中的字体,甚至给整个字体的url。如果从我的css文件中删除这些字体我没有得到404,所以我知道这不是一个语法错误。 此外,我使用fontsquirrels工具创建 @ font-face 字体 ..
发布时间:2017-01-18 10:27:06 前端开发