font-face相关内容

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在IOS上不起作用

因此，我在WordPress网站上工作，并且在每个页面上我都有一个H1标签作为该页面的标题.我正在使用@ font-face的特殊字体，它在每种浏览器的Windows上都可以正常工作，但是当我切换到Mac时，它不会显示h1标签，而只是空白.我已经在多个Mac上的Safari和Chrome浏览器中对此进行了测试，但不适用于其中的任何一个.如果我更改字体以说Arial，则效果很好，如果我设置为后备字体 ..
发布时间：2021-05-08 20:49:22 移动开发

使用@fontface字体加载斜体

我有这样的CSS: @ font-face {font-family:'alegreya';src:url('fonts/AlegreyaBold.ttf');font-weight:normal;字体样式:正常；}@ font-face {font-family:'alegreya';src:url('fonts/AlegreyaBoldItalic.ttf');font-weight:no ..
发布时间：2021-05-08 20:49:13 前端开发

我可以使用CSS的"unicode-range"在整个(第三方)页面上指定字体?

我从不流利使用CSS，但我认为以前没有这种情况. 我正在考虑使用 样式 将CSS添加到第三方网站我无法直接控制.因此，HTML和CSS并未真正针对我想做的自定义设置. 我想要调整的站点不允许很好地控制字体，但是它的某些页面(用户创建)大量使用了一些奇怪的Unicode范围(例如高棉语)，而我的OS/浏览器组合选择了一个糟糕的字体: ..
发布时间：2021-05-08 20:49:05 前端开发

如何使用@ rails/webpacker加载本地字体?

我在使用 @ rails/webpacker 加载本地字体文件时遇到问题.字体是在开发环境中加载的，而不是在生产环境中加载的.这似乎是一个非常简单的问题，但是我遇到了很多麻烦.下面是我的@ font-face代码.我的字体存储在app/assets/images/fonts app>资产>样式表> config> _fonts.scss @ font-face {字体家族:"Axifor ..
发布时间：2021-05-08 20:49:02 其他开发

使用CSS3在文本上创建两色尖锐渐变

我需要为我正在构建的网站上的标题和导航文本创建一个“清晰"的渐变.我正在尝试使其尽可能地纯HTML5/CSS3，并希望坚持使用 @ font-face ，而不要移至Cufon.我所说的尖锐渐变是两种颜色，两者之间没有混合. 示例: http://dl.dropbox.com/u/12147973/sharp-gradient.png 我在Cufon中找到了一种方法，但正如我所说，我想坚 ..
发布时间：2021-04-26 20:52:34 前端开发

为什么我必须为网络字体声明特定的粗体/斜体变体?

我正在尝试在网站上使用Ubuntu字体.我正在使用FontSquirrel @ font-face生成器.在安装了Ubuntu字体的计算机上，当我只是拥有诸如 font-family:Ubuntu 之类的CSS时，一切都可以正常工作.但是在其他计算机上，除非我明确声明想要的特定字体，如 font-family:UbuntuRegular 或 font-family:UbuntuBoldItalic ..
发布时间：2021-04-26 20:42:07 前端开发

@ font-face unicode-range属性

在一些html文档中，我仅使用webfonts几个单词.从性能角度来看，加载完整的字体文件似乎很浪费.这是@ font-face声明的unicode-range参数进入的位置: http://www.w3.org/TR/css3-fonts/#unicode-range-desc 据推测，我可以使用它定义要加载的字体文件的哪些字符，从而大大提高性能.但是我就是无法正常工作.奇怪的是，它 ..
发布时间：2021-04-26 19:51:23 前端开发

SVG字体在Google Chrome中仍然可以使用吗?

我一直在不停地重新设计网站，但是在过去的6个月里，我一直处于循环状态，可以这么说，并且可能错过了一些与chrome不再兼容的svg字体重要的东西吗?> 这是我的一个样式表的摘录: @media屏幕和(-webkit-min-device-pixel-ratio:0){@ font-face {字体家族:"NewFont"；src:url("newfont-webfont.svg#NewFon ..
发布时间：2021-04-26 19:39:00 前端开发

可变字体和常规字体有什么区别

我正在阅读有关可变字体的信息，但我不明白. 有5个注册轴wght，wdth，ital，slnt和opsz.字体粗细已经存在，我们每天都在CSS中使用它. 那么，可变字体和常规字体有什么区别? 此外，如果我将 font-weight:100 500 的范围，然后在 中使用 font-weight:600 >元素，我看不出任何区别. 即使我将重量限制为500，重量600 ..
发布时间：2021-04-26 19:27:09 前端开发

Chrome打印预览不会加载@media only打印字体

我希望打印的字体与屏幕的字体不同.不幸的是，Google Chrome打印预览(可在其他浏览器上运行)不会加载字体，也不会显示文本.但是，如果您第二次尝试，则会加载字体，然后Google Chrome打印预览将显示文本！ 在这里您可以重现问题.(注:小提琴上的字体网址不存在，但至少预览应将文本显示为"serif".​​) 有没有比对所有@media强制预加载打印字体更好的解决方案? ..
发布时间：2021-04-26 19:03:57 前端开发