font-face相关内容

使用 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) 该应用程序位于此处,如果有人能确认这不是,我将不胜感激刚刚发生在我的机器上(帮助我排除本地主机缓存问题). 所 ..
发布时间:2021-11-30 11:56:54 其他开发

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

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

在 Rails 资产管道中使用字体

我在 Scss 文件中配置了一些字体,如下所示: @font-face {字体系列:'Icomoon';src: asset-url('icoMoon.eot?#iefix', font) 格式('embedded-opentype'),资产网址('icoMoon.woff',字体)格式('woff'),资产网址('icoMoon.ttf',字体)格式('truetype'),资产网址('ico ..
发布时间:2021-11-30 11:44:35 其他开发

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 其他开发

JFreeChart 文本注释不起作用?

我似乎遇到了 JFreeChart XYPlot 中的测试注释问题.我可以如下设置文本注释 XYTextAnnotation textAnnotaion = new XYTextAnnotation(description, xMid, yMid);plot.addAnnotation(textAnnotation); 我也可以通过添加来旋转文本 textAnnotation.setRota ..
发布时间:2021-11-10 23:25:46 其他开发

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 其他开发

TailwindCss:本地字体未显示(在 Vue 3 中)

我尝试在 CSS 中嵌入本地字体,但未显示字体.浏览器说,它是语言环境字体,编辑器完成也可以工作(文本-...),但字体看起来不同. 我运行:npx tailwindcss build -i src/assets/styles/index.css --output src/assets/styles/tailwind.css 用于构建. 我的文件在哪里 src/assets/font ..
发布时间:2021-09-04 19:24:38 其他开发

与CSS同步加载字体

我注意到在加载网页时,首先加载所有CSS文件,然后再加载所有字体.有没有一种方法可以使字体与样式表同时开始加载? 我正在使用@ font-face和一个网址.在样式表中对字体进行编码是否可以解决此问题? 解决方案 我还没有遇到过这种情况..我很喜欢在我的网页上使用嵌入式字体.就像我看到的那样使它们在网页加载时同步..我有一个font.css,我在其中嵌入了我需要的所有字体,像这样: ..
发布时间:2021-05-08 20:53:28 其他开发

如何解决“缺少跨域资源共享(CORS)响应标头"的问题.webfont问题?

由于某些原因,字体已停止在我的网站上呈现.字体存储在本地,与站点位于同一服务器上. 我查了一下问题,这似乎是一个缺少跨域资源共享(CORS)响应标头,但我无法理解解决方案. 所有说做的网站都使用: Access-Control-Allow-Origin:* 但是由于我主要是前端,所以我不知道该放在哪里.这是我的房东可以帮助的吗? 我该如何解决该问题? 编辑: 有 ..
发布时间:2021-05-08 20:49:39 其他开发

字体在Windows版本的浏览器上不起作用

我在Mac上编码了一个网站,并使用了自定义字体.我使用以下字体规则定义了自定义字体: @ font-face{字体家族:gnuolane;src:url('../fonts/gnuolane.otf'),} 问题是该字体未在任何浏览器的任何Windows版本上加载.在我的Mac上,在Safari/Chrome/FF上运行完美. 这是网站. 这是当font-face正常工作时的样 ..
发布时间:2021-05-08 20:49:30 其他开发

为什么@ font-face无法正常工作?

我正在尝试使用 @ font-face 在我正在设计的网站上使用自定义字体.我不知道为什么这次不起作用.我以前用过,没问题. 这是我的代码(不是来自实际站点,而是我用来测试问题的简化版本): html 我的页面 ..
发布时间:2021-05-08 20:49:27 其他开发