标签: google-fonts
如何在本地使用Google字体而不是在Angle 4项目中导入
我要在我的angular 4项目scss文件中导入Google字体网址，如下所示，
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Heebo:400,500,700');
而不是直接导入url，我如何下载/安装它们并在angular 4 scss文件中本地使用。
任何解决方案都将有所帮助。
推荐指数
解决办法
查看次数
在create-react-app构建中完全包含Google网络字体（不弹出）
我需要使用create-react-app在React webapp的构建中包括Google网络字体。这是因为该应用程序将在没有Internet访问的wifi上提供。最直接的解决方案似乎是google-fonts-webpack-plugin，但是它需要自定义的webpack配置。
是否有任何“简单”解决方案可以自动下载并包含所有网络字体资源，而无需从create-react-app中弹出？
推荐指数
解决办法
查看次数
Google Fonts 的 Font-variant-numeric
我在我的页面上使用 Google Font Poppins。
我尝试使用格式化数字
font-variant-numeric: tabular-nums;
但它根本不影响数字外观。是否有任何 Google 字体支持 font-variant-numeric？
我不得不回退到一些网络安全的数字字体，但它看起来不太好。
推荐指数
解决办法
查看次数
Flutter/如何获取 Google 字体系列列表
您好，我正在使用 Flutter 开发应用程序。
为了管理我的应用程序中的字体，我正在使用
https://pub.dev/packages/google_fonts
包裹。
所以我计划用户可以选择他们想要的字体。
有什么方法可以获得谷歌字体系列的完整列表吗？
List<String> _tempFontList = [
GoogleFonts.droidSerif().fontFamily,
GoogleFonts.ebGaramond().fontFamily,
GoogleFonts.fasterOne().fontFamily,
GoogleFonts.abel().fontFamily,
];
现在我只为字体制作了临时列表，
但正如我所见，该包中没有 list getList 函数。
谢谢阅读。
我会等待你的帮助。
推荐指数
解决办法
查看次数
Google 字体无法导入 React 原生应用程序
我正在尝试将谷歌字体中的字体导入我的 RN 应用程序。但是，我遇到了一个问题，它告诉我字体无法识别。这是我所做的：
我下载了字体并添加到资产文件夹中：
/assests/fonts/
像这样设置我的 package.json：
"rnpm": {
"assets": [
"./assets/fonts/"
]
}
在终端中运行以下内容：
react-native link
我还进入了 Info.plist 文件并手动添加了字体，因为它在链接后没有这样做：
<key>UIAppFonts</key>
<array>
<string>Lacquer-Regular.ttf</string>
</array>
最后，我在 vscode 的页面上将它标记为这样。
fontFamily: "Lacquer-Regular"
关于可能发生了什么以及如何修复它的任何想法？
推荐指数
解决办法
查看次数
如何正确预加载谷歌字体
如何正确预加载谷歌字体，而不在控制台中发出警告？
这是我的代码：
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;700&family=Open+Sans:wght@100;400;700&display=swap"
rel="preload" as="style" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;700&family=Open+Sans:wght@100;400;700&display=swap"
rel="stylesheet">
我已经在预加载链接中添加了 crossorigin 属性，但警告仍然存在
推荐指数
解决办法
查看次数
为什么我从 PostCSS 构建中收到 CssSyntaxError: <css input> ？
我正在做我认为标准的 Next.js 构建。它在开发模式下工作正常，但当我尝试获得生产版本时，我得到：
\n(node:39333) UnhandledPromiseRejectionWarning: CssSyntaxError: <css input>:17:20: Missed semicolon\nat Input.error (/node_modules/next/node_modules/postcss/lib/input.js:129:16)\n但奇怪的是：我没有\xe2\x80\x99t 有任何CSS。
\n实际上，我有一些 CSS，但我将其全部删除以找出问题所在。不用找了。
\n推荐指数
解决办法
查看次数
是否有导入 Google 字体所有粗细的快捷方式？
在 CSS 文件中，我想 @import 谷歌字体（例如 Roboto 或 Roboto Slab）的所有粗细和样式，以进行实验。稍后我可以修剪为仅需要的样式列表。有没有捷径，而不是将整个列表放入 @import 中？
推荐指数
解决办法
查看次数
当我选择所有h1,h2,h3时,Google字体无效
我试图通过在我的CSS顶部选择所有标题标签和p标签,将几种Google字体导入我的HTML/CSS.例如:
h1 h2 h3 {
font-family: 'Trade Winds', cursive;
}
但这不起作用.我三重检查,我在文件中的任何地方都没有其他字体系列规则,所以它不会被我或任何其他链接文件覆盖.当我将它直接应用到其他一些规则时,它确实有效:
section {
margin-top: 20px;
padding: 15px;
border-radius: 15px;
box-shadow: 0 0 8px rgba(100, 100, 100, 0.78);
grid-column: 2/3;
display: grid;
font-family: 'Trade Winds', cursive;
}
但我显然不倾向于对每个相关规则集进行硬编码,因为这只是多余的.我错过了CSS标签选择器的工作方式吗？
推荐指数
解决办法
查看次数
在 Gmail 中加载 Open Sans Google 字体
推荐指数
解决办法
查看次数
谷歌字体 - 字体系列在页面后加载，如何修复？
我在 html 中使用谷歌字体：
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@300;400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
CSS：
.content-box{
background: #f0f0f0;
min-height: 600px;
display: flex;
flex-direction: column;
width: 100%;
font-family: 'Open Sans', sans-serif;
}
当我刷新时，我首先看到我的文本为 sans-serif 0.5 秒（加载时），然后它变成 Open Sans
我该如何解决这个问题？
推荐指数
解决办法
查看次数
Fira sans 看起来不一致 fi 和 fl 没有分开，看起来更大胆
目标是从文本中的 fl 和 fi 中删除粗体字母
铬61
我能够在此代码笔中重现该问题：
https://codepen.io/jossnaz/pen/vWgEGB
基本上 fira sans 不对letter-spacing字符应用任何字符，并且它们的字符是粗体。不知道为什么。
这是它在 Firefox 56 上的样子：
推荐指数
解决办法
查看次数
标签 统计
google-fonts ×12
css ×5
html ×3
angular ×1
flutter ×1
font-face ×1
fonts ×1
gmail ×1
html-email ×1
next.js ×1
postcss ×1
preloading ×1
react-native ×1
reactjs ×1
sass ×1