如何使用react-native处理自定义字体和fontWeight

文章/答案/技术大牛

发布

1回答

reactjs、react-native、fonts、expo

我设法按照official documentation在我的react原生expo应用程序上加载了自定义字体 const App = () => { }); 因此，我可以将其与组件样式一起使用： <Text style={{}</Text> 但我想这样使用<

浏览 122提问于2020-04-05得票数 3

回答已采纳

2回答

加载自定义字体不起作用

android、react-native

我正在尝试加载一个自定义字体来反应本机，但它就是不能工作。Gerstner BQ，我把这个文件放在android\app\src\main\assets\fonts中，并在CSS的fontFamily: 'Gerstner Original Bold',中使用它我也使用react-native run-android重启了服务器，但仍然没有成功。

浏览 5提问于2016-10-21得票数 0

1回答

在我的反应本地应用程序中添加自定义字体时，iOS上的瘦和轻量级iOS没有区别。

ios、fonts、react-native、custom-font

我刚刚添加了一个自定义字体到我的反应本机应用程序()。link链接字体文件 "assets": [ ]给我的package.json}, 问题是thin(fontWeight: '100')<em

浏览 1提问于2017-02-25得票数 6

2回答

我的字体无法加载字体加载异步感觉我已经尝试了所有的方法

react-native、fonts、expo

我正在尝试向我的expo react原生应用程序添加自定义字体，但一直没有成功impo

浏览 1提问于2019-08-19得票数 0

19回答

自定义字体无法在React本机中工作

android、ios、reactjs、react-native

我想在我的应用程序中使用谷歌字体的字体。。 "version": "0.0.1", "scripts": { }, &q

浏览 21提问于2017-03-25得票数 21

4回答

如何在React导航createStackNavigator中更改字体系列

react-native、react-navigation、stack-navigator

我使用React导航作为我的应用程序的导航组件。我想更改堆栈导航器的字体系列。目前，我这样做是为了更改iOS中的字体系列，它运行得很好： Home: { screen: Home我应该如何修改代码以使其在Android中也能工作呢？

浏览 1提问于2018-09-04得票数 17

回答已采纳

1回答

React-Native-Paper主题不使用自定义字体

javascript、reactjs、react-native、fonts、react-native-paper

我正在使用react-native-paper处理主题和UI的RN应用程序。我有一个主题来格式化我的组件，但是当我尝试合并自定义字体时，它对react-native-paper组件没有任何影响。我遵循expo的例子，如何使用loadFontAsync()加载字体，当我使用style prop fontFamily: 'Rubik-Regular将这些字体传递给我自己的组件时，字体可以正常工

浏览 29提问于2020-10-24得票数 2

回答已采纳

2回答

改变字体的文字项目在反应-本机？

css、fonts、react-native

我正在尝试将标题的字体更改为我下载的自定义字体，但它不起作用--我正在将它更改为任何其他的字体--它也不起作用。React原生版本：身体部分：Css部分： color: 'white', fontWei

浏览 3提问于2018-05-09得票数 1

回答已采纳

1回答

React-native fontFamily不能正常工作

react-native

我尝试使用名为times-news-roman的自定义字体。我尝试使用这种自定义字体，如下所示： headerTextLight: {fontWeight: 'bold',paddingLeft:我正在使用"react-native": "^0.63.3"。有什么建议吗？

浏览 38提问于2021-01-27得票数 0

回答已采纳

1回答

如何在React原生androidI中获取fontWeight

react-native

fontSize: 22, fontFamily: "Montserrat-Regular" 字体粗细在使用react-native当我使用100-500的fontWeight时，它会显示常规字体，但当我将其更改为600-900时，会给我加粗的字体。

浏览 28提问于2021-07-29得票数 1

8回答

反应-本地android fontFamily不起作用。

android、react-native

fontSize:20，fontFamily:'roboto-thin'，textAlign:'center'，边距:10}如果fontFamily在android上工作，是否有方法从资产中加载自定义字体

浏览 11提问于2015-10-12得票数 34

回答已采纳

1回答

不变变量:对象作为React子对象无效(found: object with key {fontweight，fontsize})

android、react-native、react-native-android

代码不是读取字体粗细和字体大小的值，而是完美地使用容器。我该如何修复它？import React, { Component } from 'react'exportflex: 1, justifyContent: 'center

浏览 25提问于2020-01-16得票数 1

回答已采纳

1回答

使用sans-serif凝聚在构图中

android-jetpack-compose、android-jetpack-compose-text

我只是盲目的，还是我需要做一些像导入字体和手动设置它？

浏览 4提问于2022-02-09得票数 0

回答已采纳

1回答

如何在我的应用程序中使用两个子字体家族？

flutter

我正在使用名为"FFShamelFamily“的字体家族。我添加了两个子字体系列，如下图所示。当我运行我的应用程序时，它只使用第一个子字体家庭："SansOneBook“。我尝试使用fontWeight来使用第二个子字体家族：“SansOneBold”，但它没有显示。我的意思是，我想使用两个子字体家庭，一个粗体的标题和另一个在应用程序中的任何文本。我该怎么做呢？

浏览 5提问于2022-08-11得票数 1

1回答

将自定义字体导入到单独的Styles.js文件

javascript、react-native

我正在尝试将自定义字体导入特定于样式的Styles.js文件。字体当前被导入到主App.js文件中，但不知何故我无法在Styles.js中使用它。我在App.js中使用的代码：import React from "react";import Gamefrom ".<AppLoading />; } export

浏览 8提问于2020-07-31得票数 0

2回答

在React原生Webview中使用自定义字体

android、css、webview、fonts、react-native

我在我的整个React原生应用程序中使用自定义字体。我已经使用react-native link命令将它们链接起来。除了Android的Webview组件之外，它们可以在任何地方运行。React, { Component } from "react" },

浏览 1提问于2017-03-22得票数 12

3回答

无法更改字体系列(React-Native)

css、react-native

我是react-native的新手，也没有多少使用CSS的经验。我只是尝试将字体系列更改为helvetica。我试了很多次，都没什么变化import {StyleSheet} from "react-native"; }, 这是我想要修改的页面import { Text, View, But

浏览 32提问于2020-03-10得票数 5

6回答

基于fontWeight的Flutter不拾取自定义字体

android、ios、fonts、flutter

如何在不为每个粗细指定新系列的情况下选择不同的字体粗细？weight: 700 fonts:和窗口小部件: FontWeight.w700, ),, color: Colors

浏览 4提问于2018-12-09得票数 28

2回答

如何在颤动中设置自定义FontWeight值

flutter、dart

在颤动中设置字体粗细时，我通常使用预设值，如FontWeight.normal或FontWeight.w500。在我目前的情况下，我需要设置一个自定义的FontWeight。如何将字体粗细设置为350 (书本)？也许有一个我不知道的构造函数。它看起来像这样： Text( style: TextStyle( fontWeight: FontWeight

浏览 119提问于2020-08-10得票数 3

回答已采纳

1回答

如何增加自定义FontFamily的权重？

fonts、uwp、uwp-xaml、font-family

我有来自同一家族的多个.ttf文件，例如：MyFont_Bold.ttfMyFont_Medium.ttf<FontFamily x:Key="MyFont_Medium"></FontFamily> 然后使用它们<TextBloc

浏览 3提问于2016-11-23得票数 4

点击加载更多