font-face相关内容

我该如何在我的React应用程序中解决@fontface问题?

我遇到了自定义字体的问题.我已经使用create-react-app创建了一个应用程序，并在公共文件夹中提供了自定义字体文件(.ttf)，以便在构建应用程序时，所有资产都是构建的一部分.我可以在本地而不是nginx服务器上看到字体.Nginx服务器具有.ttf支持，因为另一个应用程序可以正常工作.应该错过什么?我找不到它.此外，firefox无法加载相同的自定义字体.这是我的样式表- @ fo ..
发布时间：2021-04-24 21:20:30 前端开发

找不到woff和ttf字体404

我正在使用webpack编译我的sass文件. 我有一个font-face看起来像这样: @font-face font-family: "Alef" src: url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.eot") src: url("..\..\public\fonts\Alef\Alef-Webfon ..
发布时间：2020-11-09 20:13:56 前端开发

是否有可能像CSS一样将字体文件嵌入到html中?

在我从事的项目中，我需要生成一个一页HTML文件，其中包含其中的所有内容(JavaScript代码，CSS，图像等).因此，不应有外部参考. 我还计划使用Bootstrap，但是我不确定是否可以像CSS一样将字体文件嵌入HTML. 有什么主意吗? 解决方案 是的，实际上是可行的.您可以将字体嵌入为base64编码的字体，如下所示: @font-face{ font ..
发布时间：2020-11-09 20:06:39 前端开发

将自定义字体添加到asp.net应用程序

我以前从未使用过自定义字体，并且一直试图将其添加到我的应用程序中.我已将此字体下载到计算机上，并制作了一个名为“字体"的单独文件，并在其中放入了字体文件. 我进入CSS并编写了以下代码: @font-face { font-family:'Open Sans'; src: url('../Font/OpenSans-Light.ttf'); } 字体根本不起作用，我想知道为什么它不 ..
发布时间：2020-11-09 19:27:21 C#/.NET

移动Safari iOS 9.3发出多个HTTP请求，最终显示错误

曾经运行过的网站在iOS 9.3更新后不再存在.我们在移动Safari中收到以下错误: 此网页出现问题，因此已重新加载 和 " http://domain.ch/en/search/rent上反复出现问题/f/" 起初，我们认为正在进行无止境的重定向.但事实并非如此. 该网站可在所有其他浏览器上使用，并且可与iOS 9.2一起使用(未对代码进行任何更改) iOS S ..
发布时间：2020-11-09 19:27:18 移动开发

让@ font-face在html电子邮件中工作

我正在使用@ font-face来显示我购买的字体并正在自我托管.它在Apple设备上可以正常工作，但是在某些版本的Outlook和Android中，我的文本不会显示在-文本内容应该在的空白处. 这是我的代码: @media screen { @font-face { font-family: ' ..
发布时间：2020-11-09 19:26:14 其他开发

IE7-9中的@ font-face抗锯齿

我正在尝试让@ font-face在IE中看起来很完美，但是缺少解决方案. 我已经检查了这个: http://allcreatives.net/2009/12/05/smoother-font-face-embedding-in-ie-7-8/ 在我的Windows7 IE上不起作用. 有人有更好的解决方案吗? 解决方案 我得出的结论令我感到满意. 对于使用抗锯齿在浏览器 ..
发布时间：2020-11-09 19:26:11 前端开发

IE9显示后未将@ font-face字体应用于模式

所以，我上面有一个带有SimpleModal的页面，并且通过Typekit(使用一些棘手的JS设置一些@font-face规则)应用了字体，并且一切都变得很花哨. 模态本身除外；当您单击以将其打开时，不会应用@font-face字体，因此看起来有些混乱.但是，如果您将其关闭&重新打开它，或者使用开发人员工具，字体突然被神奇地应用了. 有人看到了吗? 解决方案 因此Eric提供了 ..
发布时间：2020-11-09 19:26:06 其他开发

@ font-face完全错误

我正在尝试将字体导入到正在使用@font-face创建的网站中.但是它在 Chrome 上无法正常运行，有时在 Firefox 上可以运行， 所以我不知道发生了什么事. 这是我到目前为止尝试过的: @font-face { font-family: "Proxima Nova"; src: url('fonts/Proxima Nova.otf') format( ..
发布时间：2020-11-09 19:25:49 前端开发

@ font-face未嵌入IE8及以下版本

由于某种原因，字体无法在IE 8及更低版本中呈现.我已经应用了一直有效的IE修复程序(.eot?#iefix)，但是由于某种原因，这不是这次.任何人都知道出了什么问题或者也遇到了这样的问题?这就是我所拥有的: @font-face { font-family: 'rrb-main'; src: url('./assets/rrb-main.eot'); src: url('./assets/ ..
发布时间：2020-11-09 19:24:42 其他开发

下划线文字修饰贯穿Firefox中使用的导入字体

我在项目中使用字体 Cardiff 并尝试应用样式text-decoration:underline到它. 这在Chrome浏览器(版本35.0.1916.114)中正常工作，但在Firefox(版本29.0.1)中，下划线穿过文本而不是显示在文本下方.我认为这与Cardiff字体有关，因为当我尝试使用"Web Safe"字体时，下划线会正确显示. 这是显示 Cardiff 字体的方式 ..
发布时间：2020-11-09 19:24:38 前端开发

基于“发现流星"显微镜应用程序的流星字体问题

我阅读了《发现流星》一书并成功创建了显微镜.现在，我正在尝试根据所学知识来构建自己的应用程序.我想对字体和图标字体使用@ font-face.我无法让他们露面. 这是我的目录结构:客户端/样式表 我的字体在样式表文件夹中.顺便说一下，我正在使用scss，并且与scss包一起正常工作.这是我在样式表中调用字体的方式: @font-face { font-family: 'Ama ..
发布时间：2020-11-09 19:24:34 其他开发

Webkit，Webfonts的字母间距问题

这是我的问题.在站点项目上使用名为"PT Sans Narrow"的Google Webfont.开头，FF和IE完美地展示了它. Webkit浏览器是另外一回事了，字体可以正确加载，但是当我将其与"letter-spacing:-.05em"结合使用时，我得到了一个简短的文本加载，其中我看到了不带字距调整的webfont-坚持在那里不到一秒钟的时间，然后刷新为最终的正确字距外观.我可以说它比任何 ..
发布时间：2020-11-09 19:24:31 前端开发

网页上无法正确显示字体(特殊字符)的问题

因此，我在一个网站(由Wordpress制作)上的排版方面遇到了一个小问题.它可以在所有页面和所有浏览器上正常工作，但Safari浏览器上只有一页无法很好地显示出来.普通字符具有正确的字体，但特殊字符(éèà..)使用不同的字体. 我使用的是Suisse BP字体，除此字体外，它在其他页面上也能很好地工作，并且每种页面的字体都以相同的方式调用. 以下是问题的屏幕截图: 在野生动物 ..
发布时间：2020-11-09 19:24:27 前端开发

使用CSS3字体的正确方法是什么?

有人可以帮助我了解使用CSS3字体的正确方法是什么.下面是一些字体声明，哪一个是正确的，为什么? /* START OF SAMPLE CODE # 1 */ @font-face { font-family: 'WebFont'; src: url('webfont.eot'); src: url('webfont.eot?#iefix') format('embe ..
发布时间：2020-11-09 19:24:21 前端开发

定义CSS @ Font-Face粗斜体

我正在一个项目中，我正在使用六个粗细/样式的字体.这些包括:常规，斜体，半粗体，半粗体斜体，粗体和粗体斜体.我有@ font-face标签设置(理论上)，它们应该显示的方式.但是实际情况是，粗体总是斜体.是否有必要声明这些粗体和斜体权重，以便它们可以正常工作?我不想在各处都使用不同的字体系列名称.理想情况下，我应该能够声明正确的粗细和样式并获得正确的字体版本. @font-face { ..
发布时间：2020-11-09 19:24:19 前端开发

使用@ font-face打印网页

我正在几个网站上使用@ font-face，现在我正在设计页面的打印样式. 如何实现@ font-face并允许自定义字体在打印页面时显示? 解决方案 似乎是Firefox中的 bug 问题: http://support.mozilla.com/zh-CN/questions/761014 可能还包括Chrome和Safari: http://samiam.org ..
发布时间：2020-11-09 19:23:17 前端开发