我可以在React Native中为每种语言使用不同的字体吗？
在React Native中，可以为每种语言使用不同的字体。React Native提供了Text组件来展示文本内容，通过设置Text组件的style属性可以指定字体样式。对于每种语言，你可以使用不同的字体来实现不同的效果。
要为每种语言使用不同的字体，你可以按照以下步骤进行操作：
- 导入所需的字体文件：首先，将所需的字体文件（.ttf、.otf等格式）放置在React Native项目的合适位置。可以将字体文件放置在项目的某个文件夹下，例如'./assets/fonts/'。
- 定义字体样式：在React Native的样式表中，你可以为每种语言定义不同的字体样式。例如，你可以创建一个名为'fontStyle'的样式对象，其中包含所需的字体样式属性，如fontFamily（字体名称）、fontWeight（字重）、fontSize（字号）等。
- 定义字体样式：在React Native的样式表中，你可以为每种语言定义不同的字体样式。例如，你可以创建一个名为'fontStyle'的样式对象，其中包含所需的字体样式属性，如fontFamily（字体名称）、fontWeight（字重）、fontSize（字号）等。
- 在这个例子中，'FontName'是你导入的字体文件的名称。
- 使用字体样式：在使用文本时，你可以将定义好的字体样式应用到Text组件上。在Text组件的style属性中指定样式名称即可。
- 使用字体样式：在使用文本时，你可以将定义好的字体样式应用到Text组件上。在Text组件的style属性中指定样式名称即可。
通过以上步骤，你可以为每种语言使用不同的字体，实现个性化的字体效果。
需要注意的是，为了在React Native中实现跨平台的兼容性，建议使用系统默认的通用字体，如'Arial'、'Helvetica'等。另外，为了确保字体文件在React Native中可用，建议将字体文件放置在项目的静态资源文件夹（如'./assets/fonts/'）中，并在使用前导入相应的字体文件。
推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpd）提供了一站式的移动应用开发和运营服务，可以帮助开发者更便捷地构建和管理移动应用。
相关·内容
在Geany中，我想使用一个字体(比如“”)作为乳液，而对于Python，我想使用其他字体(比如"Courier")。该怎么做呢？
如果在Geany中没有办法这样做，是否可以在其他文本编辑器中这样做。
浏览 1提问于2018-11-25得票数 0
回答已采纳
我正在使用React Native创建一个韩语应用程序。 我想使用不同的字体，比如韩语和英语。例如，헬로우World在这种情况下，有没有办法使用不同的字体？ 如果有人能告诉我怎么做，我将不胜感激。
浏览 34提问于2020-05-03得票数 1
有没有一种方法可以在Atom编辑器的React Native中添加自定义字体而不使用Xcode？
浏览 6提问于2016-07-25得票数 2
我是react-native的初学者。 我将在我的应用程序中提供更改全局字体大小的功能。 用户可以在设置页面中更改字体大小，他们整个应用程序的字体大小将被调整。 在做了一些研究之后，它似乎无法做到这一点。所以我现在的想法是创建多个全局样式表，并根据存储中保存的用户设置来应用它。 但我发现它似乎不起作用，因为在创建全局样式表之后，它需要在应用程序页面的开头导入。 如何在react-native中应用更改应用程序的全局样式或字体大小？
浏览 23提问于2020-10-27得票数 1
我使用i18n-js和react- Native -localize在我的React Native应用程序中支持多种语言。我为每种语言创建一个JSON文件，并根据用户的语言设置使用键显示它。下面是导入JSON文件并配置i18n的核心文件。
import I18n from 'i18n-js';
import * as RNLocalize from 'react-native-localize';
import en from './en.json';
import ja from './ja.json';
const loc
浏览 1提问于2020-04-13得票数 0
这两者之间有什么相似之处？我知道它们是为不同的平台开发的，React是为web开发的，React Native是为移动开发的。但它们都是Facebook为解决类似问题而开发的。那么，有重叠吗？有相似之处吗？
浏览 1提问于2017-05-12得票数 3
我可以在同一屏幕上导入react-native-vector-icons/font- and和react-native-vector-icons/Ionicons吗？基本上我想在同一个屏幕上同时使用字体和离子图标来显示不同的图标？
Example-
import ActionButton from 'react-native-action-button';
import Icon from 'react-native-vector-icons/font-awesome';
import Icon from 'react-native-vector-ico
浏览 5提问于2017-11-23得票数 2
回答已采纳
我正在使用React Native和i18n语言管理器，并且我试图在第一个应用程序启动时创建语言选择。
选择语言后，组件会重新呈现并执行正确的语言，因此语言选择屏幕确实可以工作。(假设我选择了英语，则按钮字符串为英语)
但在登录到应用程序后，语言发生了变化，我真的不明白为什么。(此处假设是英语，而不是显示希伯来语字符串)
这是一个App.js文件，我已经用Async Storage检查过应用程序以前是否启动过(如果没有显示语言选项，如果确实使用了保存的语言选项)。
import React, {useEffect, useState} from "reac
浏览 32提问于2021-05-18得票数 1
回答已采纳
2回答
我知道如何使用自定义字体来显示CCLabels。我还想出了如何本地化标签。但我想知道是否有使用自定义字体显示本地化文本的方法。
例如，当我使用Arial时，我没有任何问题，中文字体显示正确。但是，当我使用XCode中没有包含的字体时，比如ARLRDBD.TTF，中文字符就不会显示出来。
如何在ARLRDBD.TTF中也显示中文字符？或者，如果我计划使用LocalizedString，我是否只能使用XCode中包含的默认字体？
谢谢Abhinav
浏览 0提问于2011-08-04得票数 3
我正在尝试链接react-native项目中的自定义字体。 我还有其他库阻止我运行react-native link。 我已经运行了： react-native link ./src/assets/fonts/ react-native link src/assets/fonts/ react-native link ./src/assets/fonts react-native link src/assets/fonts react-native link assets 所有这些都会产生“错误:无法获取依赖项配置” 这是我的package.json： ? 下面是我的目录结构： ?
浏览 25提问于2019-09-26得票数 0
我正在开发React Native项目中的自定义字体。(回复编号0.61.2)
已设置react-native链接。
Font文件和react-native.config.js在类似screenshot的项目文件夹下。和配置文件，字体家族代码是这样的。
module.exports = {
assets: ['./assets/fonts/'],
};
<Text style={{fontFamily: 'NanumSquareRoundB', fontSize: 30}}>
Login
</Text>
问题是，当
浏览 3提问于2019-12-13得票数 1
1回答
在我的项目中，我有带有全局样式的主文件，但我也在单个组件中使用样式。尽管如此，我还是使用相同的变量将字体大小、颜色传递给元素。
我不是React方面的专家，但我认为将变量移动到单独的文件中会很好，这样就不会重复代码。我怎样才能以正确的方式做到这一点呢？
全局样式：
'use strict';
let React = require('react-native');
let {
StyleSheet,
} = React;
let INIT_COLOR = "#fff";
let INIT_FONT_SIZE =
浏览 3提问于2018-03-14得票数 10
回答已采纳
我有一个textView，它可以以任何语言显示文本(最终用户输入文本)。
我想知道我应该用什么字体？
在本文中：
谷歌说：
为了支持世界各地的所有语言，Google建议将Roboto用于使用拉丁语、希腊语和西里尔语的语言，以及所有其他语言使用Noto的语言。
如果我正确理解的话。没有单一的字体文件(Roboto\Noto)可以支持所有语言。
有人知道我能用什么字体吗？默认字体(Android决定)应该是一种选择吗？
谢谢!
浏览 6提问于2014-12-05得票数 6
回答已采纳
3回答
我想在我的“反应本机”项目中使用自定义字体，但我在ios模拟器上遇到了一个错误，如何解决它？
我千方百计都试过了，但我找不到解决办法。
未识别字体族:sfpro正则
错误：
项目结构：
react-native.config.js
module.exports = {
project: {
ios: {},
android: {}, // grouped into "project"
},
assets: ["./assets/fonts/"], // stays the same
};
版本
"
浏览 1提问于2020-08-17得票数 4
我想知道为什么我们在React Native engine中需要RN Bridge，它连接Javascript VM (JavascriptCore)和Native Module。这种桥接和消息传递设置只会减慢应用程序的速度，并造成瓶颈。为什么由React Native CLI产生的包捆绑器不能将javascript代码捆绑到main.bundle.js中，也可以将其转换为本机代码？我听说的一个原因是因为javascript不是强类型的，但这个原因似乎并不是无法解决的。还有其他原因吗？
浏览 1提问于2020-05-28得票数 1
19回答
我想在我的应用程序中使用谷歌字体的字体。。
我已经将.ttf文件放置在app/fonts中。
package.json：
{
"name": "xxx",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test&
浏览 21提问于2017-03-25得票数 21
使用React Native可以在iOS上选择具有文本样式类型的首选字体吗？
我自己在我的原生应用程序中使用它，但我没有看到从React native应用程序访问此功能的方法。
浏览 7提问于2017-05-02得票数 0
如你所知，react native >='60.0‘确实支持自动链接，有很多关于添加自定义字体的教程，但大多数方法都过时且令人困惑，所有这些方法都还在使用react native link
我想知道如何在最新版本的react native (0.61.5)中添加同时适用于ios和android的自定义字体？
我的react-native.config.js是这样的：
commands: [...ios.commands, ...android.commands],
platforms: {
ios: {
linkConfig: ios.linkConf
浏览 0提问于2020-02-22得票数 3
尝试将自定义字体'Tajawal-Bold‘和'Tajawal-Medium’集成到使用react-native-paper的RN项目中。(仅限安卓应用程序)我喜欢react-native=paper，https://callstack.github.io/react-native-paper/fonts.html文档中描述的内容。 此字体适用于RN组件，但纸张组件不适用。 有人能帮上忙吗？
浏览 27提问于2020-09-22得票数 2
回答已采纳
2回答
我尝试在react原生应用中使用自定义字体，在项目的根目录下创建assets/ fonts /文件夹，并将字体放入其中。创建react-native.config.js并写入，
module.exports = {
project: {
ios: {},
android: {},
},
assets: ['./assets/fonts/'],
};
试试react-native link，它可以在安卓上运行，但不能在ios上运行
react-native: 0.60.5
npm: 6.11.0
node: 10.16.0
浏览 5提问于2019-09-15得票数 4
我正在尝试使用create-react-native-app与世博在一个单一的设置。当我从一个子文件夹app/启动应用程序并导入@expo/vector-icons时，我会发现字体家族丢失了一个错误。
"fontFamily" 'material' is not a system font and has not been loaded
through Expo.Font.loadAsync.
如果我在主src/文件夹中启动应用程序，图标就会很好地加载。
我已经配置了我的rn-cli.config.js，以便该应用程序能够对其他依赖项进行编译和运行。我的项目的
浏览 16提问于2017-12-04得票数 1
回答已采纳
5回答
结合使用React Native和Expo。在iOS中，自定义导入字体居中有困难。Android渲染没有问题，文本垂直居中完美。使用iOS时，它略高于中心。
(原生字体在两个模拟器上都能很好地集中--安卓和iOS)。
有什么办法可以解决这个问题吗？
代码如下：
import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { Font } from 'expo';
export default cla
浏览 1提问于2018-08-09得票数 10
1回答
当我尝试使用没有默认值的useState钩子时，它的类型不正确。它在可能的类型中不包括undefined。例如，在组件下面：
type Color = 'blue' | 'yellow' | 'red';
const MyComponent: React.FC = () => {
const [color, setColor] = useState<Color>();
color.toLocaleLowerCase();
return null;
};
color被键入为Color，因此color.toLoc
浏览 2提问于2020-06-16得票数 0
回答已采纳
2回答
我在我的整个React原生应用程序中使用自定义字体。我已经使用react-native link命令将它们链接起来。除了Android的Webview组件之外，它们可以在任何地方运行。它在iOS Webview中工作正常。
import React, { Component } from "react"
import { View, StyleSheet, Text, WebView, ScrollView, Image } from "react-native"
import HTMLView from "react-native-htmlview&#
浏览 1提问于2017-03-22得票数 12
在React-Native中，如何向文本组件添加字体边框？
我试过使用border和shadow{Color, Radius, Opacity, Offset}，但还没能正常工作。有什么建议吗？
浏览 1提问于2015-10-04得票数 48
3回答
假设我们在一个页面中为英语使用helvetica，为另一种语言使用一些奇异的字体(从ascii的角度来看)。
在字体大小相同的情况下，一种字体看起来更大。
有没有办法为页面中使用的不同字体指定不同的字体大小？
此外，由于这两种语言可以混合在一行中，因此在调整其中一种字体的大小后，我们需要正确地对齐它们。否则，较小的字体可能在顶部具有较大的行距，在底部具有较小的行距。
--编辑
哇，反应真快。
不幸的是，这是用户发布的文本，就像SO的问题和答案。
它没有用不同的类进行标记。
浏览 3提问于2013-07-12得票数 1
回答已采纳
我是react-native的新手，也没有多少使用CSS的经验。我只是尝试将字体系列更改为helvetica。我试了很多次，都没什么变化
这是我的css代码：
import {StyleSheet} from "react-native";
export default StyleSheet.create({
header: {
backgroundColor:'#004D4D',
height: 35,
},
headerT: {
color: '#FFFFFF',
fontSize: 20,
浏览 32提问于2020-03-10得票数 5
我已经用react-native和react-native-web设置了monorepo项目。我在Android，iOS和网络上分享了相同的代码库。安装react-native-vector-icons后，我在所有三个平台上都运行了代码，它在安卓和iOS上运行得很好，但在网页上就不行了。在web中，它看起来如下所示：
我已经按照描述设置了Webpack
下面是我的Webpack配置config-overrides.js
const fs = require('fs');
const path = require('path');
const webpa
浏览 57提问于2020-02-17得票数 4
回答已采纳
6回答
我的工作是反应本土化，我只想链接我的字体和其他任何东西。
我使用的是react本机映射，它在文档中特别指出“不要使用react-native link”。
无论我看什么地方，我都看到人们说要做react-native link来链接字体，但我想知道是否有正确的语法来链接字体：
react-native link ./assets/fonts还是什么？这样，它也不会链接到我的所有其他库。
浏览 1提问于2018-03-01得票数 21
回答已采纳
2回答
可以在Xcode中使用宏来本地化头部吗？
假设对于英语，我可能希望字体大小为17.0f，但对于西班牙语，我可能希望字体大小为13.0f。
这可以做到吗？
浏览 0提问于2011-09-06得票数 2
回答已采纳
我正在尝试使用React Native中默认使用的字体来制作图形，但我不知道是什么字体。
有人知道吗？
浏览 47提问于2017-01-13得票数 16
3回答
我有几个关于微调过程的问题。我正在构建一个应用程序，它能够识别以下文档中的数据：
身份证
驾驶执照
护照
收据
他们都有不同的字体(特别是收据)，很难匹配完全相同的字体，我将不得不在许多相似的字体上训练模型。
所以我的问题是：
为了更好的性能和准确性，我应该为每种文档类型训练一个单独的模型吗?或者在一堆类似于在这种类型文档上使用的字体的字体上训练一个eng模型是好的吗？
每种字体应该生成多少页的培训数据？默认情况下，我认为tesstrain.sh生成大约4k页。关于如何生成最接近实际输入数据的培训数据，可能有任何建议。
应该使用多少次迭代？
浏览 10提问于2020-10-13得票数 1
我正在使用标签在LaunchScreen.xib上以自定义字体显示文本。我的自定义字体在界面生成器中显示得很好，但当我在iPhone上测试它时，字体会恢复为默认字体。
不确定如何修复它，或者它是否是一个错误。
浏览 0提问于2015-02-11得票数 103
回答已采纳
我有两个应用程序，一个是英语的，另一个是波斯语的，这两个应用程序的same.the不同。
现在我想在英文版应用程序中有更改语言按钮(波斯语)，当用户点击它时，波斯语版本会显示出来。
我有英语版本作为母源，并添加组件和波斯应用程序的css在我的英语版本的应用程序。
react中的路由确实工作得很好，但我有一个问题，那就是波斯语版本的样式不受影响。
我有这样的路由：
class AppEn extends Component {
render () {
return (
<div>
<RootEn />
<li&
浏览 0提问于2016-12-12得票数 0
我安装了许多fonts..and都很好，但没有任何字体.我创建了一个简单的代码，向您展示问题所在。甘草-正则和GeoAcadNusxNormal很好地显示在iOS和android上。但NOTO字体只显示为标准字体。我用同样的方式安装了所有字体。所有字体都在Android和Xcode的正确文件夹中。在Xcode中，我可以很好地看到NOTO字体的正确符号。
const App = () => {
return (
<View
style={{
flex: 1,
justifyContent: "center",
浏览 6提问于2022-01-04得票数 0
长篇小说短片
在我的iPhone react-native应用程序中，我已经投入了大约12个小时。从昨天起，它就不再建了(不知从哪冒出来)。5个小时后！在调试过程中，我发现了可能导致问题的原因，但没有发现如何解决问题。
我使用这些包含.ttf文件/用于图标之类的包：
"@fortawesome/fontawesome-svg-core"
"@fortawesome/free-solid-svg-icons"
"@fortawesome/react-native-fontawesome"
"@react-native-community/c
浏览 2提问于2019-10-08得票数 0
回答已采纳
export const SomeText = styled(Text)`
font-family: "Arial", sans-serif;
`
export const SomeText = styled(Text)`
font-family: Arial, sans-serif;
`
export const SomeText = styled(Text)`
font-family: "Arial, sans-serif";
`
以上所有错误。
示例错误：Error: Failed to parse declaration &#
浏览 19提问于2018-07-26得票数 1
1回答
ld:找不到-lStripe的库
、、、、
我正在尝试使用tipsi-stripe库：
我遵循了自述文件中列出的手动安装说明(将TPSStripe.xcodeproj添加到库中等)，并运行了react-native link和react-native link tipsi-stripe (我可能会成功添加)
但是，当我运行react-native run-ios或使用xcode构建时，我得到：
ld: library not found for -lStripe
clang: error: linker command failed with exit code 1 (use -v to see invocation)
** BU
浏览 2提问于2017-07-21得票数 0
我对HTML和CSS非常陌生，但在学习过程中，我遇到了一些我很好奇的东西。为什么当您想要样式或更改字体大小等，您使用:。
例子：style="color: red; font-size: 50px".
但是，当您希望链接到样式表(比如样式表)时，您将使用=。
例子：link type="text/css"; rel="stylesheet"; href="stylesheet.css".
有什么关系呢？因为基本上当你说color: red的时候，你说你想要= red的颜色，所以为什么不直接用它呢？这只是一件好奇的事情，没什么大不了
浏览 0提问于2014-02-18得票数 2
回答已采纳
我有一个React-Native应用程序，我们希望支持芬兰语和英语的Talkback。在芬兰语中使用Google的文本到语音转换模块时，除了"button“读作"button”而不是芬兰语的"Painike“外，其他一切都可以正常工作。在iOS上，它也运行得很好。我在三星A40上测试。三星Text to Speech根本不支持芬兰语。 例如，当我按下"Paina minua“的按钮时，它会显示" button，paina minua"，而不是"painike，paina minua”。这只发生在我正在开发的应用程序中。它还将图像组件读取
浏览 36提问于2021-01-04得票数 3
回答已采纳
上下文
我有几个反应本地应用程序，共享一些组件和帮助。
因此，我创建了一个库来存储共享代码，并在我的应用程序中使用它，将它作为依赖项添加到相应的package.json中。
在我的自定义库中，我使用react-native.config.js链接一些字体
module.exports = {
assets: ['./assets/fonts']
};
在我的应用程序中，我使用npx react-native link my-custom-library链接这些字体。
现在，这个共享库也在使用。
我不知道怎么把它连接到我的应用程序中
我有两个问题要问：
为什么我需要为字体
浏览 3提问于2019-11-10得票数 0
这是我的react-native.config.js文件： module.exports = {
project: {
ios: {},
android: {}, // grouped into "project"
},
assets: ['./assets/fonts/'], // stays the same
}; 我在assets/fonts文件夹中添加了一些字体，并运行了react-native link。在此之后，我在IOs模拟器上测试了我的应用程序，字体工作得很好，但在android上就不行了。 下面是整个组件： im
浏览 29提问于2021-07-05得票数 1
回答已采纳
2回答
我有一个网站，有所有语言的字体，但大多数字体不支持大多数语言以外的英语。
是否有支持所有语言的字体？
如果它是从谷歌字体导入的，那就没问题了。
浏览 0提问于2016-01-23得票数 2
回答已采纳
4回答
我一直与YouTube教程一起编写代码，并遇到了这条错误消息。我已经安装了正确的import语句和适当的依赖项，所以我不确定问题是什么。
模拟器中的iOS错误消息：
，我在其中调用Anticon的组件：
import React from 'react';
import {View, TextInput, StyleSheet} from 'react-native';
import {windowHeight, windowWidth} from '../utils/Dimensions';
import AntDesign from
浏览 8提问于2021-09-22得票数 1
回答已采纳
1回答
是否可以在Swift(UI)中访问我的React Native项目中的文件？假设我有一个自定义字体，它位于React Native中的app/ Lets /fonts文件夹中。此字体已链接，因此它在Xcode内的info.plist中可见，但在使用时不会列出 for family in UIFont.familyNames.sorted() {
let names = UIFont.fontNames(forFamilyName: family)
print("Family: \(family) Font names: \(names)")
} 我必须将字
浏览 7提问于2020-10-21得票数 0
回答已采纳
1回答
我通常每个字体有4个文件。例如
menu-ipadhd.fnt
menu-ipadhd.png
menu.fnt
menu.png
问题是，我应该本地化所有4个文件还是.fnt本地化就足够了？Cocos2D能从相应的.lproj中找到png文件吗？位图字体本地化的正确方法是什么？
浏览 1提问于2013-10-25得票数 0
回答已采纳
1回答
我已经运行了react-native start，然后运行了react-native run-ios。所以我的应用程序在运行。
我将ios-字形符号放在根目录中的一个名为字体的文件夹中。所以./fonts。然后我将以下内容添加到package.json中：
"rnpm": {
"assets": [
"fonts"
]
}
然后我运行react-native link。
之后，在我的应用程序中，我添加了一个rende：
<Text style={{fontFamily:'ios-glyphs'
浏览 0提问于2017-04-09得票数 0
回答已采纳
准确地说，我想支持世界上的许多语言:超过150种不同的语言(我支持google translator支持的所有语言)。为此，我使用了谷歌的字体家族Noto：https://fonts.google.com/noto Noto Sans字体涵盖了˜800语言。但其他˜200语言，如日语和韩语，需要像Noto Sans日语或Noto Sans韩语这样的专用字体。 问题是:例如:一个英国用户(住在纽约，但从东京移民过来)(他使用Noto Sans，因为他使用我的英语应用程序)，看到日语内容，因为他关注日本用户。如果我现在用Noto Sans渲染日语文本，他要么会看到像▯这样奇怪的字形，要么他的应用
浏览 43提问于2021-10-10得票数 0
如果我在react-native项目中工作。 我必须创建包含所有字体、图像和静态内容的res文件夹吗？或者，react-native会为我编译并创建包含所有资产的res文件夹吗？ 原生React在Android和iOS上都能做到这一点？ 谢谢
浏览 20提问于2021-05-05得票数 0
回答已采纳
我正在尝试为我的项目使用自定义字体。我已经将“Roboto”的所有变体保存到了我的资源文件夹中。 我的react-native配置 module.exports = {
project: {
ios: {},
android: {}
},
assets: ["./assets/fonts/"]
}; 我的主题页面，导出自定义字体 import { Dimensions } from "react-native";
const { width, height } = Dimensions.get("
浏览 19提问于2021-03-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
