webfonts相关内容

如何在网站上使用表情符号字体?

我已下载Google's "Noto Color Emoji"字体,但无法使用。我对“Noto Sans Regular”这样的字体没有问题。但在Firefox(Windows 10)中,使用“Noto Color Emoji”字体时,我收到以下错误: downloadable font: no supported glyph shapes table(s) present (font-fa ..
发布时间:2022-09-21 22:23:02 前端开发

配置 mime 类型 windows azure 网站 php 应用程序

我正在使用 Windows Azure 网站来托管一个 php 应用程序.我的应用程序使用 webfonts(css3 功能),我需要配置扩展名,例如 .eot;.woff 以避免 404 错误.我知道可以在 .net 应用程序中使用 web.config 设置这种配置,但是对于 php 站点,我该怎么办?不幸的是,网站没有 RDP.有没有其他方法可以解决这个问题? 解决方案 我可以通过将 ..
发布时间:2022-01-23 18:59:21 PHP

Webfont + 悬停颜色:部分文本不改变颜色

我见过几次,只是在 Webkit 上.场景是您有一些带有悬停颜色的文本,并且它使用 webfont 自定义字体.当您悬停时,最右边的部分字母没有获得悬停颜色.要明白我的意思,请在 Chrome 或 Safari 中查看此小提琴,并在鼠标悬停时仔细查看文本末尾的“r",它不是完全红色的. http://jsfiddle.net/jaredh159/xPZB8/ 来自小提琴的 HTML: ..
发布时间:2022-01-22 22:27:23 其他开发

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

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

如何解决“缺少跨域资源共享 (CORS) 响应标头"网络字体问题?

由于某种原因,字体已停止在我的网站上呈现.字体存储在本地,与站点在同一台服务器上. 我查了一下问题,似乎是 Missing Cross-Origin Resource Sharing (CORS) Response Header 但我无法理解解决方案. 所有各种网站都说要使用:Access-Control-Allow-Origin:* 但由于我主要是前端,我不知道该放在哪里.我的 ..
发布时间:2022-01-15 19:24:17 其他开发

如何保护 WebFonts

我有一个客户想要在他自己的服务器上托管他的 webfonts.我有一个 font.com 帐户,直到现在为止托管字体.我承认 fonts.com 协议(第 18 点.)他们说,你可以在您自己的服务器上托管文件,但您必须尽可能地保护它们. 我能想到的唯一方法是通过 .htaccess 中的 HTTP_REFERER 限制对这些文件的请求. 我可以采取更多措施来保护这些字体吗?多做点有意义 ..
发布时间:2021-12-30 11:40:44 其他开发

日本标准网页字体

我在一个日文网站上工作,很难找到一种在日文中看起来不错的字体.我很惊讶日文似乎存在的字体如此之少.我的团队联系了几家网络字体提供商,但都没有取得多大成功.只有一家公司可以提供日文网络字体,但它有 35 兆字节,这对于客户下载到他们的浏览器来说是太大了. 对于拉丁字母,有几种字体几乎所有用户都可以非常自信地使用,例如 Arial、Verdana、TNR、Georgia 等.日本有哪些字体与这些 ..
发布时间:2021-12-30 11:39:14 前端开发

呈现高棉语的替代网络字体

什么是网络字体(最好从 Google Fonts 获得)支持高棉语 UI. 我尝试定义 font-family:khmer ui; 但即使我的计算机上安装了字体,它也无法呈现. 解决方案 高棉语(柬埔寨语)的支持很差,但有一个方便的选项,就像 Google Web Fonts 一样简单.实际上有一个 Google 网络字体可以工作.. 见 jsFiddle Google 有一个 ..

网络字体何时加载,您可以预加载它们吗?

我注意到在使用网络字体时,它们最初可能需要一秒钟才能出现;就像你创建一个下拉导航菜单一样,当你第一次将鼠标悬停在菜单上时,整个菜单将显示为背景颜色一秒钟,然后文本将出现. 这不是很理想,它让我相信在加载 CSS 文件时不会下载 webfonts,而是在您第一次在页面上查看它们时下载. 但另一方面,我已经在我的 PC 上安装了字体,所以不需要下载它们,所以问题是他们为什么要这样做!? ..
发布时间:2021-12-30 11:14:58 前端开发

Google Webfont 与本地字体冲突

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

使用 CSS 修复自定义字体行高

在我正在开发的新网络应用上使用自定义字体时,我遇到了一个奇怪的问题. 这种自定义字体 (FF DIN) 似乎具有自然的垂直偏离中心的行高,这迫使我进行一些填充顶部 hack 以补偿按钮和输入等元素的顶部空间. 示例:绿色字体 (Helvetica Neue) 正确对齐,其中我们使用的自定义字体 (FF DIN) 垂直偏离中心: 是否有任何已知的方法可以自然地解决 CSS 上的居中 ..
发布时间:2021-12-30 11:00:09 前端开发

在 CSS 中使用多个 @font-face 规则

如何在我的 CSS 中使用多个 @font-face 规则? 我已将此插入到我的样式表中: body {背景:#fff url(../images/body-bg-corporate.gif) repeat-x;填充底部:10px;字体系列:'GestaRegular'、Arial、Helvetica、sans-serif;}@字体脸{字体系列:'GestaReFogular';src: ..
发布时间:2021-12-30 10:54:01 前端开发

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

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

Firefox 和 Opera 中的 Webfont 平滑和抗锯齿

我在我的网站上使用了定制的网络字体.为了设置渲染输出的样式,我使用了以下代码: //-webkit-text-stroke-width: .05px;//-webkit-text-stroke-color: 白色;-webkit-font-smoothing:抗锯齿; 这在 Safari 和 Chrome 上运行良好(边缘更清晰,线条更细).有没有办法在 Firefox 和 Opera 上实现 ..
发布时间:2021-12-30 10:51:09 前端开发

如何在 HTML 站点上安装自定义字体

我没有使用 flash 或 php - 我被要求向简单的 HTML 布局添加自定义字体.《KG六月虫》 我已将其下载到本地 - 是否有简单的 CSS 技巧来完成此操作? 解决方案 是的,您可以使用名为 @font-face 的 CSS 功能.它只在 CSS3 中得到正式批准,但在 CSS2 中被提出并实现,并且在 IE 中得到了相当长的支持. 您可以像这样在 CSS 中声明它: ..
发布时间:2021-12-30 10:46:10 前端开发

图标字体未在 IE11 中加载

我们使用 icomoon 作为我们的图标字体,它们在 Chrome 和 Firefox 中运行良好,但在 IE11 中无法显示......有时.它似乎适用于第一页加载,但不适用于后续页面加载.清除缓存似乎不会重置它.此问题可能存在于其他 IE 版本中,目前我们只关注 IE11. 这是我们的@font-face: @font-face {字体系列:“图标";src:url('fonts/ic ..
发布时间:2021-12-18 12:27:39 前端开发