google-webfonts相关内容

将 Web 字体转换和渲染为 base64 - 保持原始外观

受Smashing Magazine 的延迟字体加载逻辑启发,我想在我的网站上延迟字体加载. 其中的主要部分是将字体转换为 base64 并准备您的 CSS 文件.到目前为止我的步骤: 在 Google Web Fonts 上选择字体并下载. 使用 Font Squirrel Webfont Generator 将下载的 TTF 文件转换为嵌入 base64 的 CSS 文件WOFF ..
发布时间:2022-01-21 08:18:06 前端开发

有没有办法在 HTML 电子邮件中使用 Google 网络字体?

HTML 电子邮件必须(应该)内联其 CSS,以便在大多数电子邮件客户端中获得预期的设计. 是否有一种方法可以将 Google 网络字体链接到或嵌入到此类电子邮件中,但仍能在电子邮件客户端中保持广泛接受(适当呈现)? 我知道另一种方法是使用具有相应排版的图像,但我会先搜索其他可能有用的东西. 解决方案 如果字体是绝对必要的,你将不得不使用文本作为图像解决方案.截至 12 月,只 ..
发布时间:2021-12-30 11:45:26 前端开发

Google Webfont 与本地字体冲突

我在使用 google-webfonts 时遇到了非常严重的冲突.好的,代码如下: 这是在头脑中: 这是在 css 文件中: body {字体系列:'Oswald',无衬线;字体粗细:700;} "Oswald" 是 3 种字体的字体系列: 书 (300) 正常 (400) 粗体 (700) 如您所见……我只加载了粗体 (700).(你可以在查询中看到它)它一直工作 ..
发布时间:2021-12-30 11:06:53 前端开发

更改选择标签中单独选项的 css 字体系列

我不知道这是否可行,如果不可行,是否有人可以抛出可选的想法,但我试图在一个选择中显示不同字体(特别是来自 Google 字体目录的字体)的下拉列表标签.在下拉列表中,我试图通过使用其代表的字体设置每个选项的样式来显示预览 不过,这似乎不起作用.任何线索为什么或如何解决它? 解决方案 您应该将每个 option 标签包装在一个 optgroup 标签中,然后将其样式设置为: ..
发布时间:2021-12-30 10:57:49 前端开发

将 Web 字体转换和呈现为 base64 - 保持原始外观

受Smashing Magazine 延迟字体加载逻辑的启发,我想推迟字体加载. 其中的主要部分是将字体转换为 base64 并准备您的 CSS 文件.我目前的步骤: 在 Google 网络字体 上选择字体并下载. 使用 Font Squirrel Webfont Generator 将下载的 TTF 文件转换为嵌入 base64 的 CSS 文件WOFF 字体(专家选项 -> CS ..
发布时间:2021-12-30 10:51:18 前端开发

如何在 CSS 文件中导入 Google Web 字体?

我正在使用一个 CMS,我只能访问 CSS 文件.所以,我不能在文档的 HEAD 中包含任何东西.我想知道是否有办法从 CSS 文件中导入网络字体? 解决方案 使用 @import 方法: @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); 显然,“Open Sans"(Open+ ..
发布时间:2021-12-30 10:43:58 前端开发

谷歌网络字体在 Windows 上的 Chrome 中呈现断断续续的效果

我在我的网站上使用 Google Webfonts 服务并且非常依赖它.它在大多数浏览器上呈现良好,但在 Windows 上的 Chrome 中呈现特别糟糕.非常断断续续和像素化. 到目前为止,我发现 Chrome 需要先加载 .svg 格式的字体.但是,我使用的字体称为 Asap,仅在 .woff 中可用.我使用免费的在线服务将它转换为 .svg,但是当我将它添加到我的样式表时(在 .wo ..
发布时间:2021-12-17 18:25:29 前端开发

谷歌字体未在谷歌浏览器上呈现

我正在构建一个新的 WordPress 主题(不知道这是否相关),这个问题一直困扰着我. 我已经从 Google Webfonts 加载了 Roboto Slab(在 部分包含了 CSS).在所有其他浏览器上,除了 Google Chrome 之外,字体呈现正常.当我第一次在谷歌浏览器中加载网站时,根本不显示使用该自定义字体的文本(即使字体堆栈将 Georgia 作为后备 - “Roboto ..
发布时间:2021-12-10 14:48:29 前端开发

是否有任何“字体平滑"?在谷歌浏览器中?

我正在使用 google webfonts,它们在超大字体大小下很好,但在 18px 时,它们看起来很糟糕.我在这里和那里都读到过字体平滑的解决方案,但我没有找到任何可以清楚地解释它的地方,而且我发现的几个片段根本不起作用. 我的 h4 在几乎所有浏览器中看起来都很糟糕,但 Chrome 是最糟糕的.在 Chrome 中,我几乎所有的字体看起来都很糟糕. 谁能指出我正确的方向?也许您知 ..
发布时间:2021-12-10 14:45:49 前端开发

谷歌字体 + webpack

我是 webpack 2.2 的新手;我想知道在我的项目中集成 Google 字体的最佳方式. 我正在使用 Webpack HTML 插件从模板生成 index.html.所以目前我直接在 标签中硬编码了 Google 字体 CSS,但我真的不喜欢这个“解决方案",因为它根本不使用 webpack: ..
发布时间:2021-09-23 19:17:04 其他开发

网络字体在某些 Firefox 中不起作用(包括 Google 字体示例页面)

Firefox 21v、Windows 7 32 位 我们即将在即将开展的项目中使用 Google 字体.我们发现两台装有 Firefox 的计算机根本不显示任何网络字体.(Chrome 正确显示它们)我们所有的计算机都装有 Firefox 21.0 版本.似乎这与操作系统或 Firefox 依赖有关.这是 Firefox 的已知错误吗?(假设 Google Fonts 页面对嵌入字体有正确 ..
发布时间:2021-09-23 18:30:43 其他开发

使用谷歌字体并仅包含 [A-Z] 和 '&'

有没有办法使用谷歌字体并让它只加载 [A-Z] 和 & &符号字符? 我想这样做是为了减小大小并缩短加载时间,因为我只会使用基本的拉丁数字和字母. 如果必须,我可以自己托管字体并且操作字体包是合法的,但不确定是否需要自托管以及如何操作谷歌的字体包. 我像这样指定了A-Z: http://fonts.googleapis.com/css?family=Inconsolata&te ..
发布时间:2021-09-23 18:30:30 其他开发