如何在加载Google字体或接收就绪事件之前删除默认字体？

文章/答案/技术大牛

发布

2回答

javascript、html、jquery、fonts

但是有这样一个问题，如果你用ctrl + F5重新加载页面，它首先用标准字体拉伸单词(屏幕截图1)，然后加载样式并压缩单词(屏幕截图2)。我需要在谷歌字体加载或字体准备好之前，标准字体不被安装在页面上。

浏览 29提问于2020-08-02得票数 1

1回答

在呈现页面之前，如何在react中加载字体？

javascript、reactjs、fonts

我正在使用我的本地字体文件夹中的字体，其中包含所有需要的文件，我不想使用Google字体，因为这是一个额外的HTTP请求。在ReactJS中开始加载页面之前，有没有方法可以更快地加载字体？在字体尚未加载或使用某些默认字体之前，网站的标题几秒钟内不会显示。

浏览 32提问于2019-02-07得票数 0

3回答

加载字体后调用jQuery函数。

jquery、load

我有多种字体的网站，它加载非常慢，我有一些jquery功能，我需要加载它们时，字体加载。

浏览 2提问于2012-08-14得票数 8

2回答

网页字体垂直间距

css、webfonts

我正在使用@font-face加载一个web字体，但是在加载字体后，元素的高度略有变化，因为垂直间距略有不同。在加载web字体之前，它似乎使用了默认字体的垂直间距或家族中的下一个字体。如何在加载之前告诉浏览器web字体的垂直间距是多少？

浏览 4提问于2014-06-23得票数 0

回答已采纳

3回答

字体令人讨厌的图标显示为导航之间的方块[仅Chrome]

html、css、google-chrome、font-awesome

如果用户点击一个链接，然后很快点击Chrome上的后退按钮，字体图标将以正方形的形式出现。我们正在使用本地存储的Font实例，这个问题可能每5次就发生一次，但是我仍然想解决这个问题。

浏览 6提问于2016-06-17得票数 4

回答已采纳

2回答

如何在页面就绪前通过javascript加载外部字体

javascript、fonts、webfonts、typekit

我在我的网站上使用typekit加载字体，typekit给了我两个链接。>我将这些链接放在head标签中，但当我进入我的网站时，字体会在内容之后加载我想知道如何在页面准备就绪或内容加载之前加载。 PS:我尝试了异步:真和假..两者给出了

浏览 4提问于2016-07-11得票数 6

3回答

快速字体web字体在chrome或ie中不起作用

css、webfonts

我正在尝试使用fast.fonts.com上托管的字体。我使用以下代码加载字体：在Firefox中，字体加载正确，但在IE或</em

浏览 2提问于2012-11-12得票数 12

2回答

JQuery正在为文档就绪的嵌入式字体提供不正确的宽度。

javascript、jquery、html、css

我认为，问题在于，由于某种原因，jQuery没有获得适当宽度的<a>文本，因为它是嵌入式字体。更新:奇怪的是，这只发生在Chrome和Safari中，所以Webkit浏览器有这个问题。

浏览 6提问于2014-10-28得票数 1

回答已采纳

2回答

按需加载字体

fonts、loading、google-font-api、typekit

我的应用程序必须支持许多字体。用户可以从给定的字体列表中选择任何字体。同步或异步加载所有字体是没有意义的，因为用户可能使用多种字体之一，而且它只是浪费带宽。我有一个带有字体名称的复选框，我想在用户从选择框中选择字体时加载字体。使用typekit，我可以在不同的工具包中划分字体，但是如何在javascript事件上加载这些包呢？

浏览 3提问于2015-06-30得票数 4

回答已采纳

2回答

Internet Explorer中的Google* Fonts Flash*

css、api、fonts、typography

我刚刚在我的网站上设置了Google Fonts API。在Internet Explorer中，每当我刷新页面时，在Google font 'Reenie Beanie‘加载之前，默认字体会闪烁。但是，这不应该停留在缓存中或其他什么地方，以便一旦加载一次，它就在那里，不再显示默认字体吗？我使用WebLoader版本来调用字体。我最初只是使用<link>调用字体</e

浏览 2提问于2010-06-16得票数 2

回答已采纳

1回答

我预加载google字体，如下所示 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preloadfamily=Fira+Code&family=Montserrat:wght@400;500;800&display=swap"> 然而，灯塔仍然给我151ms的累积布局偏移，并且我可以看到字体闪

浏览 59提问于2020-12-23得票数 5

2回答

如何防止使用Google* Webfont API的网页闪烁？*

html、css、fonts

在我的Web应用程序()上，对于新的默认主题，我们使用了Google Webfonts API ()。在集合中有一些非常好的字体，它肯定会给我们的软件带来更好的外观。但是，当页面加载时，我们会看到闪烁或闪烁。在Webkit浏览器中，在加载字体文件之前，使用字体的区域是空白的。在Firefox中，整个过程似乎会回流几次。注意我们的后备字体？这是正常的吗？

浏览 0提问于2011-03-18得票数 4

1回答

报纸Wordpress主题页面洞见预加载问题

wordpress、fonts、preload、woff

我在我的网站上使用报纸主题，造成移动网站加载延迟约6秒的问题之一是newspaper.woff喜欢的预加载问题。19" as="font" crossorigin> 然而，Google PageSpeed不明白这已经做了，并仍然显示出问题。在GtMetrix上，显示了我现在从两个源加载字体。

浏览 4提问于2020-09-16得票数 0

5回答

Helvetica Neue在Windows上的浏览器在本地安装时与在Mac OS X上的浏览器不同。为什么？

windows、macos、fonts

为什么两种字体之间有如此巨大的粗体差异？ Helvetica Neue是本地安装在Windows7PC上的，我相信是随Mac一起安装的。为什么会发生这种情况？如何修复呢？

浏览 0提问于2011-10-12得票数 2

1回答

编译json i-文本光标在加载json后不能正常工作。

javascript、json、fabricjs

但是加载了保存的json之后，它就不能正常工作了。我使用的是league_gothic字体。

浏览 3提问于2017-09-06得票数 1

回答已采纳

3回答

Bootstrap 4 Roboto字体系列

html、bootstrap-4、webfonts

抱歉，如果这是一个愚蠢的问题，但我必须从谷歌导入Roboto字体系列，或者该字体已经被Bootstrap导入了吗？我不想添加任何多余的css。谢谢!Bob :)

浏览 1提问于2018-06-29得票数 4

回答已采纳

3回答

在我的页面中加载太慢的资源

jquery、html、css

我使用的是自定义的本地字体，90%的时间它运行良好，但有时它高估了所需的空间。使用调试器，我发现只有当脚本在页面显示我正在使用的任何字体或图标(在“资源”文件夹中)之前执行时，才会发生这种情况。Chrome调试器显示呈现的字体是"DejaVu Sans“。我假设它使用这个计数来执行jQuery，然后它用我的自定义字体替换字体。我想这是某种形式的字体加载时间问题，而且由于不一致，这也与缓存有关。但我在这里能做什么呢？在dom

浏览 0提问于2015-10-05得票数 0

回答已采纳

3回答

for字体作为本地字体的后盾

css、fonts、font-face、webfonts

我有一个关于网络字体的问题，以及它们是如何加载的。问题是，我必须用卡利布里字体。这是一种普通的窗口字体。所以字体堆栈可以是这样的：然而，有一个网站字体的卡利，但它是相当昂贵的。所以我的想法是像这样构建字体堆栈： font-family: Calibri, 'Calibri', Candara, Segoe, "Segoe UI",

浏览 5提问于2015-09-24得票数 2

回答已采纳

3回答

jQuery高度不正常工作

javascript、jquery

我正试着将一些文本放在一个圆框的中心位置，100px x 100px；我使用下面的jQuery脚本来实现这一点{ padding = (100 - $(this).innerHeight())/2 $(this).css({'padding-top' : padding+'px' , '

浏览 3提问于2012-08-19得票数 0

回答已采纳

4回答

如何删除HTML的默认字体？

html、css

我决定使用ubuntu字体系列作为我的角度投影，当我刷新页面时，我将它重写为succesfully.But，页面以默认字体开始，然后在毫秒内转换为我的ubuntu字体。我只希望它以ubuntu开头，而不是else.How可以删除的默认字体。我的styles.css在下面 font-family: 'Ubuntu'; 我如何在fonts.css上的资产下定义我的angular.json &quo

浏览 5提问于2019-10-21得票数 1

回答已采纳

点击加载更多