fonts 相关问题

我有一个网站，我尝试加快字体加载速度，所以我输入了：我有一个网站，我尝试加快字体加载速度，所以我放了： <link rel="preload" href="{{ '/css/fonts/bebasneue-webfont.woff' | prepend: site.baseurl | prepend: site.url }}" as="font" type="font/woff"/> <link rel="preload" href="{{ '/css/fonts/bebasneue-webfont.ttf' | prepend: site.baseurl | prepend: site.url }}" as="font" type="font/ttf"/> 但是我收到了来自 Chromium 的警告：资源 http://jcubic.pl/css/fonts/bebasneue-webfont.ttf 是使用链接预加载进行预加载，但在几秒钟内未使用窗口的加载事件。请确保它没有预加载什么也没有。资源 http://jcubic.pl/css/fonts/bebasneue-webfont.woff 是使用链接预加载进行预加载，但在几秒钟内未使用窗口的加载事件。请确保它没有预加载什么也没有。我尝试将字体和字体系列以内联样式放入索引页中： <style type="text/css"> @font-face { font-family: 'bebas'; src: url('/css/fonts/bebasneue-webfont.eot'); src: url('/css/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/bebasneue-webfont.woff') format('woff'), url('/css/fonts/bebasneue-webfont.ttf') format('truetype'), url('/css/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; } header h1 { top: 0; left: 0; margin: 20px; font-family: bebas; font-size: 4em; } </style> 但我不断收到该警告。如何删除此警告或为什么会出现该警告？运行ajax来获取window.onload中的字体？值得一提的是字体的早期加载：获取字体时必须添加 crossorigin 属性，如它们是使用匿名模式获取的 <link rel="preload" href="{{ '/css/fonts/bebasneue-webfont.woff' | prepend: site.baseurl | prepend: site.url }}" as="font" type="font/woff" crossorigin/> <link rel="preload" href="{{ '/css/fonts/bebasneue-webfont.ttf' | prepend: site.baseurl | prepend: site.url }}" as="font" type="font/ttf" crossorigin/> 我知道这已经过时了，但您尚未将答案标记为“已接受”，这可能对其他人有帮助。与预加载指令相比，用于加载字体文件的方案似乎有所不同。您引用的错误消息指的是http方案： http://jcubic.pl/css/fonts/bebasneue-webfont.ttf 但很有可能您正在使用 https 加载网页，例如： https://jcubic.pl/somefile.html 使用内联样式（或在也通过 https 加载的 CSS 文件中定义），对字体文件的引用 /css/fonts/bebasneue-webfont.ttf （看起来您正在使用某种模板引擎，其中 site.baseurl 和 site.url 是前置，您没有显示其工作原理，但从错误消息来看，它看起来像是前置的 http://jcubic.pl），这会导致浏览器从 URL 加载字体： https://jcubic.pl/css/fonts/bebasneue-webfont.ttf 字体文件的完整 URL 必须在 @font-face 声明和 preload 指令之间完全匹配。在我的例子中，我遇到了同样的错误消息，因为我向 preload 链接添加了一个缓存清除值，例如： <link href="my/font.woff2?t=12345" rel=preload as=font type="font/woff2" crossorigin> 但是在我的CSS中我没有包含相同的t=12345cachebust指令： @font-face { font-family: 'MyFont'; src: url('my/font.woff2'); } 要解决此问题，我需要通过将 t=12345 添加到 @font-face URL 来使 URL 匹配。

css google-chrome fonts

回答 2 投票 0

Android Studio 中巨大的不可用字体

正如标题所述，我无意中将 Android studio 中的字体大小设置为巨大，现在完全无法使用。程序加载后我最多只能看到几个字母的顶部，所以...

android android-studio fonts

回答 3 投票 0

.NET System.Drawing.Font - 获取可用尺寸和样式

我有一个组合，允许用户选择字体名称。第二个应该显示字体的可用大小。第三个必须显示可用的样式。问题：如何检索尺寸和

c# .net fonts size system.drawing

回答 3 投票 0

使用 fontSizeMode 根据文本长度或大小自动调整文本的像素大小

我正在尝试使用 fontSizeMode 来修复矩形中的大文本。导入QtQuick 2.9 导入 QtQuick.Window 2.2 窗户 { 可见：真实宽度：640 身高：480 标题：qsTr(...