font-face相关内容

Firefox 上的可下载字体:错误的 URI 或不允许跨站点访问

我是 http://www.beperk.com 的网站管理员(我给你URL,以便您可以检查问题),而且我在 CSS 中使用 @font-face 时遇到了很多问题. 我想使用来自 zurb dot com 的 foundicons,所以我将它们托管在 Amazon S3 上. 我按照此处的规定设置了存储桶以允许跨域访问:http://docs.aws.amazon.com/Amazo ..
发布时间:2021-12-15 19:39:37 前端开发

Internet Explorer 11 和支持的网络字体

我正在使用 TTF 和 OTF 网络字体来捕获大多数设备上的所有主要浏览器(FireFox、Chrome 和 IE11).一切看起来都很好,在重新定位到生产服务器之前,IE 不想显示我的图标. 我猜,Redmond 的大脑有某种功能可以阻止它通过 Internet 工作,因此它只能在本地主机上工作. 这里有什么交易?我需要为 IE 使用哪种字体类型? 解决方案 这是使用@fon ..
发布时间:2021-12-15 15:29:35 前端开发

如何使用 JavaScript 导入字体文件?

CSS 有一个 @font-face 允许我们“使用"自定义字体的规则. JavaScript 有这个功能吗? 更具体地说,是否可以在不使用 CSS @font-face 规则的情况下“使用"自定义字体? 解决方案 除了使用 @font-face 规则之外,没有办法让浏览器从网络加载字体.您可以理论上从 JavaScript 创建该 @font-face 规则,而无需使用 do ..
发布时间:2021-12-15 15:13:10 前端开发

Chrome 中 MIME 类型错误的字体

这是我使用的 @font-face 声明: @font-face {字体系列:SolaimanLipi;src: url("font/SolaimanLipi_20-04-07.ttf");} 这在 Firefox 中可以完美运行,但在 Chrome 中却不能.在“检查元素"之后,我收到以下消息: 资源被解释为字体但使用 MIME 类型 application/octet-stream ..
发布时间:2021-12-10 15:16:24 前端开发

如何修复“缺少跨源资源共享 (CORS) 响应标头"webfont 问题?

由于某种原因,字体已停止在我的网站上呈现.字体存储在本地,与站点位于同一台服务器上. 我查了一下问题,它似乎是缺少跨源资源共享 (CORS) 响应标头,但我无法理解此问题的解决方案. 各种网站都说要做的是使用:Access-Control-Allow-Origin:* 但由于我主要是前端,我不知道把它放在哪里.我的房东可以帮忙解决这个问题吗? 我能做些什么来解决这个问题? ..
发布时间:2021-12-10 08:16:25 其他开发

使用 CSS 使用自定义字体?

我看到一些新网站在其网站上使用自定义字体(常规 Arial、Tahoma 等除外). 而且它们支持大量浏览器. 如何做到这一点?同时也尽可能防止人们免费下载字体. 解决方案 通常,您可以在 CSS 中使用 @font-face 使用自定义字体.这是一个非常基本的示例: @font-face {字体系列:'你的字体名称';/*稍后使用的名称*/src: url('http:// ..
发布时间:2021-12-01 16:46:53 前端开发

CSS @font-face 不适用于 Firefox,但适用于 Chrome 和 IE

以下代码适用于 Google Chrome beta 和 IE 7.但是,Firefox 似乎对此有问题.我怀疑这是如何包含我的 CSS 文件的问题,因为我知道 Firefox 对跨域导入不太友好. 但这只是静态 HTML,不存在跨域问题. 在我的登陆页面.html上,我像这样进行了 CSS 导入: 在 main.css 中,我还有一个像这样的导入: @import url(" ..
发布时间:2021-12-01 16:39:31 前端开发

Rails 3,@font-face 在使用 Firefox 的生产中失败

我在 rails 3 应用程序中使用 font-awesome,一切正常在开发模式下没问题,但是当我推送到 Heroku 时,Firefox 无法呈现图标,相反,我看到了: Chrome 在开发和生产中都可以很好地呈现图标 这只会影响 FireFox(虽然我没有尝试过 IE) 该应用程序位于此处,如果有人能确认这不是,我将不胜感激刚刚发生在我的机器上(帮助我排除本地主机缓存问题). 所 ..

将@font-face 文件集成到 rails 资产管道中

我正在尝试将设计师的 html 和 css 文件集成到 rails 应用程序中.他有大约四个 @font-face 文件当前链接到 application.css 文件中.我已将字体存储在 assets/fonts 文件夹中,并将该文件夹添加到资产管道(在 config/application.rb 中) 我只使用过谷歌字体,我在 application.html.erb 文件中包含了一个指 ..
发布时间:2021-11-30 11:54:19 前端开发

Amazon S3 CORS(Cross-Origin Resource Sharing)和Firefox跨域字体加载

Firefox 无法加载来自与当前网页不同来源的字体,这是一个长期存在的问题.通常,在 CDN 上提供字体时会出现问题. 在其他问题中提出了各种解决方案: CSS @font-face 不适用于 Firefox,但适用于 Chrome 和 IE 随着 Amazon S3 CORS 的引入,是否有使用 CORS 解决 Firefox 中字体加载问题的解决方案? 编辑:很高兴看 ..
发布时间:2021-11-27 10:45:27 前端开发

@font-face 和 Header 设置 Access-Control-Allow-Origin "*";

我已使用以下规则来允许我们的静态域托管字体,但是当启用浏览器缓存时,我遇到了浏览器(firefox、safari)未使用字体的问题. 如果我在浏览器缓存关闭的情况下浏览网站,字体每次都会加载和显示. 如果我关闭浏览器缓存并加载页面,字体会加载(firebug > net)但不会显示! 304 Content Not Modified Header 是否导致浏览器忽略我的努力? ..
发布时间:2021-11-26 18:47:03 服务器开发

打破阿拉伯字体

我正在制作 android 应用程序,其中我必须为那些不存在阿拉伯语的手机提供对阿拉伯语文本的支持. 我通过添加以下代码在小部件(文本视图、按钮等)中成功地做到了这一点. 我在assests文件夹中添加了dejavusans.ttf文件.在我添加的代码中 TypeFace typeFace = Typeface.createFromAsset(context.getAssets() ..
发布时间:2021-11-17 01:25:43 移动开发

波斯语 @font-face 在 Chrome 中不起作用,是否存在错误?

不确定我是在处理 Chrome 中的错误还是我的 CSS 有问题 这是我所谈论内容的演示:演示链接 问题是我在我的网站中使用了一种自定义的波斯语字体,名为 BMitra(它在公共领域完全免费)和所有主要浏览器(最新FF 和 IE6+) 呈现这种字体就好了,但我的 Chrome 跳过了这种字体并切换到系统默认的 tahoma. 这是我的 CSS: @font-face {字体系列 ..
发布时间:2021-11-17 01:24:42 前端开发

使用带有阿拉伯字体的@font-face CSS 样式?

我正在编写以下 CSS 代码来使用阿拉伯字体创建字体样式,并且我使用的是 Windows 操作系统... 浏览器不识字的问题,我在chrome、firefox、explorer、opera上测试...四个浏览器都认不出字体... 这是我的 CSS 代码... @media screen, print { @font-face {字体系列:'FUFONT';src: url(../fo ..
发布时间:2021-11-17 01:24:03 前端开发

使用扩展名为 .otf 的阿拉伯字体

我正在做一个小项目,客户寄给我一个他希望我用于阿拉伯语的字体.该文件的文件扩展名为 .otf 我嵌入了文件,并尝试使用它,结果是: IE8:无法识别字体. Chrome:无法识别字体. Firefox:已识别字体,但查看时字母被分开(在阿拉伯语中,单词的字母是相互连接的) 知道如何在 Firefox 上修复它并使 IE 和 Chrome 识别字体类型吗?? 这是使用的代 ..
发布时间:2021-11-17 01:21:57 前端开发

@font-face 字体仅适用于自己的域

我正在尝试创建一种在我的网站上使用的字体存储库,以便我可以在我的 css 中调用存储库中的任何字体,而无需任何其他设置.为此,我创建了一个子域,在该子域上放置了存储库中每种字体的文件夹,其中包含每种字体的各种文件类型.我还在子域的根目录上放置了一个名为 font-face.css 的 css 文件,并为每个字体填充了 @font-face 声明,字体使用绝对链接链接,以便它们可以在任何地方使用. ..
发布时间:2021-11-11 04:50:07 服务器开发

jQuery 替换“小型大写字母"- 内容在 <h3> 之间复制 HTML标签

我发现了 jQuery 的这个热点,它实际上允许您复制“字体变体:小型大写字母".通常不是问题,但我正在使用 @font-face 并且我几乎不知道它在 Chrome、Safari、IE 中与 font-variant-small-caps 配合得不好.长话短说,该代码正在运行 SWEET 但它有一个缺点 - 由于某种原因,它正在搜索被括号括起来的第一个文本字符串,然后该文本字符串在稍后重复 ..
发布时间:2021-09-23 20:38:24 前端开发

使用数据 URI 的 Base64 编码的 OpenType 字体

我想在 font-face 中添加一个 base64 编码的 OpenType 字体作为数据 URI. 到目前为止我有这个: @font-face {字体系列:'测试';源代码:网址(数据:字体/otf;base64,//这里是 Base64 字符串...) 格式('opentype');} 但我相信它没有将字体正确地包含在我的风格中. 对此的任何帮助将不胜感激. 解决方案 ..
发布时间:2021-09-23 19:59:01 前端开发