- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
image pubspec
我要设置Noir Pro
作为我的 flutter 应用程序的默认字体系列。
默认 Roboto fontFamily 更改为 NoirPro 但字体粗细 e.g(.w400,w500,w600)
工作不正常。我找不到任何其他在线帮助。这让我很沮丧
在 pubspec.yaml
fonts:
- family: NoirPro
fonts:
- asset: resources/fonts/NoirPro_Light.ttf
weight: 300
- asset: resources/fonts/NoirPro_Normal.ttf
weight: 400
- asset: resources/fonts/NoirPro_Medium.ttf
weight: 500
- asset: resources/fonts/NoirPro_Bold.ttf
weight: 700
- asset: resources/fonts/NoirPro_Heavy.ttf
weight: 800
In main.dart
theme: ThemeData(
fontFamily: 'NoirPro',
canvasColor: Colors.white,
),
最佳答案
我找到了原因及其非常微不足道的:
Flutter 根据字体本身的元数据匹配系列中的字体,而不是 pubspec.yaml 中声明的样式描述符。
我的 NoirPro、中等和粗体字体包含元数据,分别将它们的权重声明为 400、410 和 420。但是,Flutter 文本子系统仅支持表示偶数 100 ( https://api.flutter.dev/flutter/dart-ui/FontWeight-class.html ) 的字体权重桶。所以所有这三种字体都映射到 FontWeight.w400,字体样式匹配器无法根据权重在这些字体之间进行选择。
(您可以使用此站点检查字体文件的元数据:https://fontdrop.info/)
在 pubspec.yaml 中将这些字体声明为不同的系列可以解决这个问题。
当前,请求的权重是根据字体本身定义的权重元数据选择的。 pubspec.yaml 中的权重被忽略。
应该更新文档(说明书)以反射(reflect)这一点,以免混淆其他开发人员。
现在我的 pubspec.yaml 是:
fonts:
- family: NoirProNormal
fonts:
- asset: resources/fonts/NoirPro_Normal.ttf
- family: NoirProLight
fonts:
- asset: resources/fonts/NoirPro_Light.ttf
- family: NoirProMedium
fonts:
- asset: resources/fonts/NoirPro_Medium.ttf
- family: NoirProBold
fonts:
- asset: resources/fonts/NoirPro_Bold.ttf
- family: NoirProHeavy
fonts:
- asset: resources/fonts/NoirPro_Heavy.ttf
当使用文本小部件时:
Text(
"Hello World",
style: TextStyle(
fontSize: size.width * 0.075,
fontFamily: "NoirProMedium",
color: Colors.white)
),
关于flutter - 在 Flutter 中添加自定义字体,FontWeight 不影响文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66139221/
我正在编写一个简单的测验应用程序。它工作正常,直到我尝试编辑所选单选按钮的字体var labelStyle = userpick.style.fontWeight; 有人能发现问题吗? 此外,如果可能
我尝试设置 Button 的 fontWeight,但字体粗细仍然相同。 我的按钮 我该如何解决这个问题? 最佳答案 要设置FontWeight,您必须实际设置 FontWeight。 请参阅下面我
在我的通用 Windows 平台应用程序中,我有一个 TextBlock,其 DataContext 是一个自定义类: ... 我的自定义类有一个属性 IsOpen。如果为真,则 Text
我正在尝试通过按下按钮将文本区域内的文本切换为粗体或非粗体。我有以下代码: function bold() { var ta = document.getElementById("textAr
我试图为用户提供对文本显示的一些控制。我使用 document.getElementsByClassName 来定位父选择器内的所有选择器(具有类 basic-text-frame)。除了 myfun
当在我的数据网格中选择一行并按下一个按钮时,我想将该行中单元格的 FontWeight 更改为粗体。 我一直在寻找一种方法来做到这一点,但我所能做的就是改变每一列的样式,我找不到一种方法来获取选定的行
安装 Visual Studio 2012 并打开 Silverlight 5 项目后,我遇到了与 TypeConverter 相关的各种设计时错误,例如: The TypeConverter for
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visit the help center . 关闭
如何在不为每个粗细指定新系列的情况下选择不同的字体粗细? fonts: - family: Montserrat fonts: - asset: assets/fonts/Mon
我一直在设置一个资源字典来为我的 WPF 应用程序中的所有控件设置样式,并且在设置标签的字体粗细时我发现了一些奇怪的行为。 我必须为标签设置样式,第一个使用正常字体粗细: 第二
我设法按照 official documentation 在我的 react-native expo 应用程序上加载自定义字体: const App = () => { let [fontsLoa
在 Flutter 中设置字体粗细时,我通常使用预设值,例如 FontWeight.normal 或 FontWeight.w500。在我目前的情况下,我需要设置自定义 FontWeight。如何将字
image pubspec 我要设置Noir Pro作为我的 flutter 应用程序的默认字体系列。 默认 Roboto fontFamily 更改为 NoirPro 但字体粗细 e.g(.w400
我正在尝试以下代码: fig, ax1 = plt.subplots() #data is a geopandas DataFrame data.plot(ax=ax1, kind='bar', co
我正在尝试以下代码: fig, ax1 = plt.subplots() #data is a geopandas DataFrame data.plot(ax=ax1, kind='bar', co
我必须在我的 CustomControl 中创建一个 FontWeight 属性,但它在控制 FontWeights 时出错。我该如何解决? 属性(property)登记: public static
我的 Flutter 应用程序中有一个图标(特定的后退图标)。它看起来更轻。由于某些原因,我想让它变得大胆/增加重量。 Container( child: Icon( Icon
我正在为我的 flutter 应用程序使用 google 图表库,并且我正在尝试自定义标签的样式。 但是如何更改 TextStyleSpec 的字体粗细?参数 fontWeight 要求提供 Stri
我正在尝试对 Animated.Text 的 fontWeight 进行动画处理,但无法使其正常工作。 1。插值 const titleFontWeight = this.positionTitle1
我正在尝试在 td 上实现此 css 规则 const boldText = { fontWeight: 'bold' } Content 但它抛出以下错误: [ts] Type '{ sty
我是一名优秀的程序员,十分优秀!