fonts 相关问题

字体是包含一组字形，字符或符号（如dingbats）的电子数据文件。虽然术语字体首先是指一种样式和大小的金属类型排序，但自20世纪90年代以来，大多数字体都是数字的，用于计算机上。

我正在使用 2 个谷歌字体系列并将它们声明为：我正在使用 2 个谷歌字体系列并将它们声明为： <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700|Roboto:300,400,700&display=swap" rel="stylesheet"> 我想添加一种字体系列（Parisienne），我只需要与号字符（&）。我知道这可以使用“文本”参数来完成（https://developers.google.com/fonts/docs/getting_started）。但是，如果可能的话，我想将其添加到现有的链接标签中。我尝试过以下方法： <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700|Roboto:300,400,700|Parisienne&text=%26&display=swap" rel="stylesheet"> 但是这样做似乎将逻辑编写为“加载所有 3 个字体系列，但仅加载每个字体系列的 & 字符”。这是预料之中的，但我至少想尝试一下。我对此进行了测试，实际上每种字体中唯一有效/下载的字符是＆符号为了使其工作，我有 2 个单独的链接元素： <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700|Roboto:300,400,700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Parisienne&text=%26&display=swap" rel="stylesheet"> 有没有办法只使用一个链接标签并让它加载整个 Roboto 和 Monteserrat 系列以及 Parisienne 系列的 & 字符？如果没有，那么有 2 个单独的链接标签就可以了，但如果有什么方法可以只用一个链接标签来做到这一点，那么知道如何做就好了。根据 Google 的说法，key text 计算整个请求 URL。因此，我们无法通过单个 <link> 来实现这一目标。正如 Leo 所解释的，Google 字体 API 目前不支持单个查询中的多个 text 参数。值得注意：API 会忽略后续查询参数并采用第一个： https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&text=Hi&family=Roboto:wght@400;700&text=hamburgefonstiv Montserrat 和 Roboto 都是“Hi”的子集。在您的具体情况下，您可以通过为“Parisienne”创建一个 base64 编码的独立 @font-face 规则来减少请求数量。 body { font-family: Montserrat; font-weight: 700; font-size: 5em; } /* ampersand subset */ @font-face { font-family: Parisienne; font-style: normal; font-weight: 400; src: url("data:font/woff2;base64,d09GMgABAAAAAAR8ABAAAAAAB4gAAAQlAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGwwcGAZgADwIAgmCYREICoJUgnELCAABNgIkAwwEIAWEQAcgDAcbiAbIxIf/Tr9zZ1IziztN65mSESrMPKcQ011PF8ZdGEnW+JIzcE5d4FtgIforLR4RVkERCfiLFFBE0sFPelC8SnhdOuPFjo4CARCuqnCTJSOHTLoXpxEKeQXPvUbOQhDAPcqpEMrTTiHyMYa5b7agEKgEpB7IcgyVM895MLRZrNCDIjuk698pIKSLPxdUFAD3TnCy4aDQ5LMBvCtL1BRE42mQCwbbCbjchkCASZIr8HngIwblf1c+g+hiYe3yXYScoTxIAicy89F3hfGHD0mMiJRaxsyMHJEYJzKSL0iMF6mV8VnWTlmnUJWqjkGVWumoe5Bpsqw0vlPWDalKEWXoksfU5G5ZYHpF60UOKUqtxDRFwBqtqsBExzPD46SM+09iQaLrcz67Xe6QmcesZXqzohUEamFPtsvsSbNWUBSJBbcvhlLL1lhqS4GQcHC+xEJzz+iSmV7LoKjqwxKdwDyqqlV1iibgya4PEih8+izGZ1keJJ72j06PTtDiJJ2gExStoJglFia6umSLWSuIXAkEJBBAzDKgE1XwRbatqp6eBJUGdwP8vvj4jQci9rxeLzzvvvtuuOrz+TpFNNn1+/19V8juiD3vW9+vefdd+9Ver9fwht/vJ7tXJNvOv/qTrvkplRGxl+7z+cLVezPnXwQTHp3rbUQv7N7x+MvhqvJXXJ7m9/v9Trf4Z0njku6AscrdWFWs9OiXMizt52Sc0LDaW24Xrsrum7hQPNwsDtW6zIsL+y60dR5zUBpx3bi+dJG+paRNO3uMIas8v9NpGqxaLNoSv3kgf6vO07zz0u6hHvOR7JGK3E+DpdqX8qpy5uwTw+5v7+nvm2ia1zWU7k+zlOd11pTlNVvK5fTipAHuw4Yfphs6mosO15fRXqt+StdiPvnoH5M7Npo80nGln6RIA8/lVc/nHzhQe85IbJyw79hbG090th8EAKxvgMyIOfG6jcMx9b+FRmxG1yslt/57Gte0ecV/k/9ORdlDuiRF2A6i2cKdVhR5/X+T/z4YZd8nYj/IczJguILvRe6PfB4/IQS/IZgHhDs5kIWYJHsohvekQRNWsOqDG0KQiOcRDtF4EOFhxXyr5jcShHTISDAyUf5uNMoBjGIRi5hFLYpQhAUMYB5jmMUieIVYuG4ShZjBPEZQhDZY0Yx2uB3qx7ghTGMaQ5DQSaERLGESoV4MYf4nOBNNUYJCFAfTDVjAIsYwgim4L788gFwY0AYLuuFAHmpBy6c+DVeKYpSgtKaqzGgTZjCLNVKM9LE/RS4GkFdCgKIfa6QwMhTuVoJO6oVqM1UaVXpoBQuYYMnMWm8DaA86UY16bHdzOukhzBMoxABmsC0PIihWMIZFjIL2T7EwhtnLGMIgomBtEdULWStGn8IQKDJ6rso4LkZC4EQkwqePa73mdAA=") format("woff2"); } .roboto { font-family: roboto; font-style: normal; font-weight: 400; } .parisienne { font-family: Parisienne; font-style: normal; font-weight: 400; display:inline-block; margin-right:-0.2em } <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700|Roboto:300,400,700&display=swap" rel="stylesheet"> <p>Tom <span class="parisienne">&</span> <span class="roboto">Jerry</span></p> 您可以使用像transfonter这样的转换器工具来获取base64编码的字体源。您也可以测试我自己的 fontkit 助手 “fontkitty” – 免责声明：我是作者。此外，您需要将 & 符号手动编码为 %26 - 我需要尽快解决这个问题。

html fonts google-webfonts

回答 2 投票 0

MonoGame - 正确的 SpriteFont 缩放

我正在为我的游戏制作 GUI，现在我被动画困住了。当鼠标悬停在字体上时，我需要放大字体，而当鼠标悬停在字体上时，则需要缩小字体。这是我的代码： // 更新（） if (!IsDisabled) ...

c# fonts scale monogame

回答 1 投票 0

Google 字体中的“Harlow Solid Italic”似乎不起作用

我在使用 Harlow Solid Italic 字体时遇到问题。我使用过许多其他字体，从 Times New Roman 到一些 Google 字体（例如 Cinzel），所以我知道我正在编码

html css fonts

回答 3 投票 0

如何使用 Fontforge 将 TTF 转换为 FNT

我有一个TTF字体，需要转换为FNT（最好也转换为pcf）。我尝试了 Fontforge，但是当我加载字体并选择生成字体时 - 无法从列表中选择任何内容......

fonts bitmap-fonts fontforge

回答 4 投票 0

如何解决以自定义字体显示乌克兰西里尔字母的问题？

我在以自定义字体显示乌克兰语字母表的字符时遇到问题。细节：我有一个自定义的西里尔字母字体（拉丁+西里尔字母），其中不包括乌克兰语字母 І、Ї、...

fonts windows-10 photoshop windows-11 cyrillic

回答 1 投票 0

React-native-vector-icons + Icomoon 的自定义图标集问题

我想将我的自定义图标与react-native-vector-icons和Icomoon一起使用。我用Icomoon生成了.tff和selection.js，并用react-native-link将它们放入我的项目中，但是我尝试的图标......

reactjs fonts react-native react-native-vector-icons

回答 3 投票 0

wordpress（前端）中的 Dashicons 将不会显示

我正在 WordPress 创建一个网站。我使用 dashicon 来（手动）假期评级。它曾经有效，但更新后，未登录的用户将看不到仪表图标。只是，如果您登录...

wordpress fonts

回答 7 投票 0

三个 JS：我收到此错误不支持的 OpenType 签名 <!DO

我有一个三个js项目，我使用parcel作为模块捆绑器。我尝试使用三个 js TTFLoader 加载字体，但出现此错误。我在网上查过类似的问题，有人说它有

javascript fonts three.js truetype

回答 2 投票 0

浏览器中呈现的文本比设计程序中的“A”字母更大

嗨，我有一个问题，与 Figma 相比，字体 Gentium Plus（Google 字体）的大写 A 在浏览器中呈现的尺寸稍大（但有影响力）。它比 ...

css browser fonts figma

回答 1 投票 0

DotNET 中的硬编码字体

我曾多次遇到用户未在其计算机上安装 Windows Core 字体之一的问题（例如 Courier New、Comic Sans MS、Arial）。每当我尝试构建...

.net fonts fallback construction

回答 3 投票 0

为什么 font-variant-numeric:lashed-zero 不适用于我的谷歌字体？

这不会在我这边产生斜杠0：这不会在我这边产生斜杠 0： <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <style> h2{ font-family: 'Inter'; font-variant-numeric: slashed-zero; } </style> <h2>00000</h2> 我尝试寻找答案，但目前还找不到直接的答案。另外，当我安装字体时，我没有看到 0 的变体。如果您使用 VS Code，则已安装 consolas 字体： <span style="font-family:consolas">0</span>

css fonts font-face

回答 1 投票 0

如何使用Python在json中解析包含KrutiDev字体的印地语文本的Word文件

我正在尝试解析包含以 KrutiDev 010 字体编写的印地语文本的 Word 文件 .docx。当我使用 Python 处理文本并尝试将其编码为 JSON 时，我得到的是随机乱码而不是......

python json encoding fonts hindi

回答 1 投票 0

是否可以覆盖 SwiftUI 应用程序中的默认字体？

我正在构建一个具有自定义字体的 SwiftUI 应用程序。有很多关于如何做到这一点的文章，所有这些文章都要求我对每个文本设置某种修饰符。这不可能是真的，那...

swiftui fonts

回答 1 投票 0

VSCode 等宽字体不是等宽字体，如何解决这个问题？

不确定我是否搞砸了设置中的某些内容，即使文本编辑器设置中的所有字体都是等宽字体，但有些单词渲染时不是等宽字体，尤其是“fi”，似乎...