- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在新网站中使用了一些普通用户计算机上默认不存在的字体。经过一番搜索后,我发现有一些工具可能会有所帮助,例如 Google web-fonts 。
我使用的字体是:Bebas , Sansation和 Quicksand
但我在 Google 网络字体上找不到它们。
我该如何使用这些字体?
还有哪些其他跨浏览器解决方案?
最佳答案
不同的字体是由不同的字体类型转换厂创建的。并非所有字体都可以在同一个地方找到。由于字体许可,并非所有字体都可以用作网络字体。
字体并不总是免费的,好的字体也很少是免费的。
您通常可以通过谷歌搜索字体名称加“@font-face”来了解某种字体是否可用作网络字体,以及谁拥有该字体。
您绝对应该提前知道从哪里获得要使用的字体。如果您有来自三种不同字体服务的三种字体,那就很糟糕了。 Firefox 尤其不会喜欢它,你会遇到一些非常糟糕的fout问题。
幸运的是,所有这些字体都可以通过 font-squirrel 获得
贝巴斯 http://www.fontsquirrel.com/fontfacedemo/Bebas
卫生 http://www.fontsquirrel.com/fonts/Sansation
流沙 http://www.fontsquirrel.com/fonts/Quicksand
您想要做的是下载所有这些字体,它们通过 @font-face 生成器运行它们
https://www.fontsquirrel.com/tools/webfont-generator
然而在我看来,你并没有真正理解@font-face是什么,或者它是如何工作的。因此,我建议您多阅读一些内容。
关于webfonts - 使用网络字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7220876/
我正在考虑使用 this font来自网站上的 myfonts.com。当您从他们那里购买一种字体用于网络时,您购买的是每月一定数量的页面浏览量的一次性许可证。 此许可证在此处有更详细的描述: htt
有没有办法根据列表中的选定字体动态设置文本字体样式?例如,我们可以在 Microsoft Word 中看到这一点,您可以在其中突出显示一些文本,然后通过从字体下拉框中选择一种字体样式来更改字体样式。我
我想使用的字体下载版本与 Google 提供的版本不同,我想知道是否可以强制用户使用 Google 的版本。 最佳答案 根据这个问题的评论,如果您使用 @font-face 将您的自定义字体嵌入到您的
我希望能够识别特定类别(sans、sans-serif)中的所有字体,这可以通过 Google 的网络字体查看器实现,但似乎无法通过 API 实现。 https://developers.google
我希望能够识别特定类别(sans、sans-serif)中的所有字体,这可以通过 Google 的网络字体查看器实现,但似乎无法通过 API 实现。 https://developers.google
我的项目建立在: Symfony/Webpack Encore 包 webfonts-loader 运行 Lighthouse 审计,提高性能的第一个机会是: Consider using to p
我试图通过@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700)在我的Moovweb网站中包含Google字体。然
我在新网站中使用了一些普通用户计算机上默认不存在的字体。经过一番搜索后,我发现有一些工具可能会有所帮助,例如 Google web-fonts 。 我使用的字体是:Bebas , Sansation和
已关闭。这个问题是 off-topic 。目前不接受答案。 想要改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 已关闭10 年前。 Improve th
我正在 HTML5 中开发一个计算器应用程序,需要打印一些数学符号,如平方根和 pi,但问题是这些符号没有在大多数 webfonts 中定义,所以它们会出现在默认字体中,看起来只是与输入的其余部分相比
我经常使用 Google 字体,尤其是像这样的字体:- 这些应该仅用于网站的“部分”还是可以将它们用于整个网站的内容? body { background-color:#292828; font-f
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 6年前关闭。 Improve thi
我正在编写一个简单的网站,但想要显示亚洲字符(韩语)。 我正在使用 Google's Noto Fonts , 但意识到每个 .otf 文件都超过 4M。我试图让我的网站保持精简和快速,但我注意到我的
如果有一个使用 WebFont 的 Spring 登录表单。当我第一次提交登录表单时,浏览器会提供 .ttf 版本的网络字体供下载。如果我随后中止下载并再次单击提交按钮,则登录有效并且我被重定向。此错
我看过 Remy Sharp 关于如何检测字体是否存在的解决方案,但这是一个非常古老的实现。 https://remysharp.com/2008/07/08/how-to-detect-if-a-f
在我使用 OpenSans 网络字体的网页上,它应该能够显示克罗地亚语的变音字符,例如“Š”和“Ç”。我的问题:只有 变音字符在单词内 出现,而如果我使用带有字体粗细的常规字体或者我使用带有字体粗
所以我想为我的网页正文设置一个字体,所以我用这段代码创建了一个 core.css 文件: @font-face { font-family: Bebas; src: url('../fonts/beb
字体可以正常工作,但样式表杂乱无章,静态 Assets 由应用程序服务器提供服务。当我将 Assets 移至 CloudFront 时,我的字体停止工作。我创建了一个 https://jsfiddle
我需要更改我网站的字体。我有我需要包含在网站中的 webfont 文件(.eot、woff、ttf、woff2、svg 文件)。但是我有三套相同字体的字体文件。英语、西类牙语和葡萄牙语各一套。我使用@
我遇到了问题,我不明白是什么原因造成的。我购买了一种很酷的字体用于响应式设计。在某些窗口大小下,字体会被窗口边缘截断。这是一个屏幕截图: 使用 CSS3 分词以某种方式解决了这个问题,但我不想在这种情
我是一名优秀的程序员,十分优秀!