react-native-render-html FontFamily属性不起作用
react-native-render-html是一个用于在React Native应用中渲染HTML内容的库。它提供了一种简单的方式来将HTML转换为可在移动设备上显示的组件。
在react-native-render-html中，FontFamily属性用于指定文本的字体系列。然而，有时候在使用FontFamily属性时可能会遇到不起作用的情况。这可能是由于以下原因导致的：
- 字体未正确加载：确保所使用的字体文件已正确加载到项目中，并且在FontFamily属性中指定的字体名称与字体文件的名称一致。
- 字体名称错误：检查所使用的字体名称是否正确。有时候字体名称在不同平台上可能会有所不同，需要根据目标平台进行适配。
- 字体不支持：某些字体可能不被React Native支持。在使用FontFamily属性时，应确保所选择的字体是React Native可用的字体之一。
- 样式覆盖：如果在组件的样式中同时定义了FontFamily属性，可能会导致FontFamily属性不起作用。在这种情况下，可以尝试将样式中的FontFamily属性移除或调整优先级。
针对react-native-render-html中FontFamily属性不起作用的问题，腾讯云提供了一些相关产品和解决方案，如：
- 腾讯云移动应用开发平台：提供了一站式的移动应用开发解决方案，包括前端开发、后端开发、移动开发等。详情请参考：腾讯云移动应用开发平台
- 腾讯云字体库：提供了丰富的字体资源，可以在移动应用中使用。详情请参考：腾讯云字体库
以上是关于react-native-render-html中FontFamily属性不起作用的一些可能原因和解决方案。希望对您有所帮助！
相关·内容
1回答
使用https://github.com/meliorence/react-native-render-html -我试图在我的html中居中文本，然而，它总是左对齐的，我如何将我的文本居中？ <View style={common.bannerText}>
<View style={common.textCenter}>
<HTML html="<p>Lorem ipsum dolor sit amet, consectetur adipiscing eli
浏览 7提问于2021-04-12得票数 0
回答已采纳
我有一个ContentPresenter，并希望通过将其绑定到FontFamily来用不同的字体呈现每个项目，但它不起作用。奇怪的是绑定只适用于TextBlock，而不适用于ContentPresenter？这是我的xaml
<ContentPresenter
Width="100"
Content="{Binding Name}"
TextBlock.FontFamily="{Binding TextFont}"
TextBlock.Foreground="{Binding BindedTextC
浏览 30提问于2019-05-16得票数 0
2回答
绑定到WPF中的静态字体
、、、
我在绑定静态FontFamily时遇到了问题。
这是一些关于我实际在做什么的信息。在应用程序中，我希望用户选择他们的字体。因此，我允许他们在开始时选择字体，然后将其保存到文件中(使其保存字体，以便用户下次打开应用程序时使用)。然后从文件中读取字体，并将字体存储在类“字体”下的静态变量中。当我使用MessageBoxes显示字体时，它可以工作。所以唯一不起作用的就是我的字体绑定。请看一下。
public class Fonts
{
private static FontFamily _titleFont;
/// <summary>
/// A static
浏览 0提问于2018-04-03得票数 0
回答已采纳
我使用的是react-native-render-html的4.2.2版本。给出以下片段：
# App.js
import React from 'react';
import HTML from 'react-native-render-html';
export default function App() {
return (
<HTML html='<a href="https://duckduckgo.com/">A Link To Press</a>' />
浏览 2提问于2020-07-27得票数 2
回答已采纳
如何为ReactNative按钮使用自定义FontFamily？这是按钮： <Button
title="ACCEDI"
color={"#008800"}
marginVertial={10}
fontFamily={Fonts.Montserrat}
/> 但这不起作用，fontFamily没有改变。我怎样才能改变它？
浏览 9提问于2019-04-16得票数 0
下面的JS Fiddle显示了字体样式应用于特定的单词。示例：
{
"text": "UNKNOWN",
"count": 584,
"color": 'green',
"style": {
fontFamily: 'Harrington',
fontWeight: 1200 //font weight has no effect
}
}, {
"t
浏览 1提问于2018-03-30得票数 0
回答已采纳
我想从动态html内容中删除空的p标签和参数。
下面是从api响应中检索到的html内容。空的p标记和空格会创建不需要的空格。我想删除不需要的空格。
我正在使用react-native-render-html包来显示html内容。
expo sdk : 38
react-native-render-html : ~1.9.0
platform : Android,Ios
<p> </p>
<p>   </p>
浏览 2提问于2020-08-04得票数 1
我无法设计它的样式。几乎没有任何关于这方面的文档。我想知道如何设置fontFamily。如何在Picker.items上设置背景色？ https://facebook.github.io/react-native/docs/picker.html 设置fontFamily或背景颜色不起作用。将其包装在View中并将样式属性提供给View也不起作用。 <Picker
style={styles.picker} // cannot set fontFamily here
selectedValue={this.state.selected2}
onValueChange=
浏览 105提问于2016-08-12得票数 60
回答已采纳
1回答
我正在构建一个从API中获取内容的小应用程序，其中一些内容是HTML的，我愿意在HTML中显示它(基本标记，如B、I、P等等)。我尝试使用react-native-render-html，它还需要react-native-webview (我也安装了它)，但是当启动expo时，包括以下内容
import { HTML } from 'react-native-render-html';
我得到了以下错误：
无法从"node_modules\htmlparser2\lib\CollectingHandler.js"解析“./MultiplexHandler”的
浏览 5提问于2020-07-23得票数 1
回答已采纳
我有问题，当使用宽度在第一个x轴。是否有方法定义x轴的宽度(以%为单位)？我试着在%中使用宽度，并使用'useHTML‘表示为true，但这不起作用。我尝试了其他解决方案，在window.resize时设置新的宽度，这也不起作用。请对此问题提出解决办法或解决方案。
xAxis: [{
categories:['No Reason',],
tickmarkPlacement: 'on',
width:120,
浏览 0提问于2015-12-01得票数 1
回答已采纳
我知道这篇文章：，看起来类似于我的问题，但我的情况要简单得多，我想将TextBox控件的FontFamily属性绑定到ComboBox，当ComboBox的值被更改时，文本框的内容就会相应地发生变化。我不使用VM或Dependency属性，我遵循了本教程：
并想出了：
<Window x:Class="NumericControlTest.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://sche
浏览 2提问于2016-04-20得票数 2
回答已采纳
我在我的react-native应用程序中使用了react-native-render-html，并成功地呈现了： import RenderHtml from 'react-native-render-html'
import WebView from 'react-native-webview'
export const MyComponent = (props: {html: string, width: number}) => (
<RenderHtml
source={{html: props.html}}
浏览 33提问于2021-08-03得票数 0
回答已采纳
在实现浏览器行为时，是否可以使用react-native-render-html导航到页面中的URL片段子资源？下面是一个例子。给定html prop的以下代码片段：
<h1 id="title">The Title</h1>
<div style="width:50px;height:200px;">
...
</div>
<a href="#title">Scroll to The Title</a>
当用户按下“滚动到标题”锚点时，我希望包含ScrollView来滚动到
浏览 2提问于2020-09-07得票数 1
3回答
我的目标是通过DependencyProperties操作我的应用程序的文本样式。我得到了一个图表，其中的文本是操纵大小，字体系列，颜色等。所以我想使用一个类似于像Word这样的富文本编辑器的界面。
我在我的TextStyleVM 中使用了以下代码
所以我有一个FontFamilyProperty和一个Getter和Setter：
public static DependencyProperty FontFamilyProperty =
DependencyProperty.Register(
"FontFamil
浏览 6提问于2010-06-01得票数 8
回答已采纳
5回答
我试图使简单切换到字体家族之间的切换。其想法是允许用户更改两种字体。目前，我的代码如下所示：
JS
function myFunction() {
var x = document.getElementById("body")
if (x.style.fontFamily = "OpenDyslexic") {
x.style.fontFamily = "OpenDyslexic";
} else {
x.style.fontFamily = "Noto";
}
}
浏览 2提问于2019-10-17得票数 0
我正在尝试在x轴上有有限数量的标签。但它不起作用。下面是我的代码。请帮帮我 xAxis: { max : 5,
style: {
fontFamily : "Open Sans",
fontweight: 700 ,
},
},`
浏览 14提问于2019-01-09得票数 0
我在项目中有自己的字体作为文件，并在globalstyle.xaml中覆盖默认的fontfamily (如post 中所描述的那样)：
<FontFamily x:Key="ContentControlThemeFontFamily">/Assets/Fonts/myFontType-Roman.ttf#myFont Type</FontFamily>
这就像一个符咒-为一个字体文件。
我的问题是:是否可以在样式中使用字体族组引用，而不仅仅是一个文件？我发现的唯一可能是WPF，似乎在WinRT ()中不起作用。
当本地安装在系统上时，我有四个字体文件(m
浏览 2提问于2014-04-30得票数 1
1回答
文本在修改后的按钮中不居中
、、、、
之前的解决方案似乎都不起作用。我有一些经过大量修改的按钮，如下所示： ? 而且，如您所见，按钮中的文本太高了。它需要降低。更改边距不起作用。找不到任何可以调整该类型在按钮中显示位置的内容。下面是XAML： <Button Grid.Row="0" x:Name="LaunchArmyEditor" Content="Run the General Staff Army Editor" Height="86" Width="600" Click="LaunchArmyEditor_Cl
浏览 14提问于2019-12-27得票数 0
我想在Silverlight4.0中给每个Control一个特定的FontFamily和FontWeight。我知道样式现在可以应用于特定类型的所有控件，所以我尝试了一下：
<Style TargetType="Control">
<Setter Property="FontFamily" Value="Arial" />
<Setter Property="FontWeight" Value="Bold" />
</Style>
不幸的是，这似乎不起
浏览 5提问于2009-11-24得票数 6
回答已采纳
我已经创建了一个样式，在其中我定义了一个字体family.When，我应用这个样式来标记它，它反映了字体在应用到火花按钮时没有变化。我尝试了各种方法来应用字体样式，但是它除了字体系列之外，work.Other属性不工作得很好。甚至我尝试创建皮肤类并在其中设置标签的字体族样式。在预览皮肤时，我可以看到更改，但当我将其应用于按钮时，它会显示默认字体。下面给定的代码是用视图编写的，我遵循了两种方法，但它们都不起作用。
方法1
@font-face{
src:url("HARNGTON.TTF");
fontFamily: MyF;
embed-as-cff: false;
}
&l
浏览 6提问于2012-02-28得票数 1
在我的项目中，我使用react-native-render-html来呈现html。但是表内容没有正确显示。
import RenderHtml from 'react-native-render-html';
import { WebView } from 'react-native-webview';
const html = `
<html>
<head></head>
<body>
<style>
浏览 12提问于2022-08-13得票数 -1
回答已采纳
我的ControlTemplate中有一个TextBlock绑定，如下所示。
<TextBlock Grid.Column="1" VerticalAlignment="Center"
FontSize="16" FontFamily="Arial" FontWeight="Bold"
Text="{Binding RelativeSource={RelativeSource TemplatedParent},Path=ButtonText}">
</TextBlock>
浏览 0提问于2010-04-06得票数 5
回答已采纳
1回答
如何将多背景色应用于材质UI快捷键？正如下面提到的，我尝试了线性梯度，但是它不起作用。
import Snackbar from 'material-ui/Snackbar';
const bodyStyle = {
border: `2px solid ${config.actualWhite}`,
minWidth: '50%',
maxWidth: '100%',
height:'55px',
backgroundColor: 'linear-gradient(to right bottom,
浏览 1提问于2017-12-31得票数 3
回答已采纳
4回答
圆边框板
、、
我正在开发一个windows 8应用程序，我有下面的Border和一个StackPanel，但是StackPanel没有被剪裁到Border上
<Border Grid.Column="1" BorderThickness="3" BorderBrush="Black" CornerRadius="50">
<StackPanel Width="425">
<StackPanel.Background>
浏览 2提问于2014-01-28得票数 1
回答已采纳
3回答
我正在构建一个应用程序，它使用来自另一个程序集的ResourceDictionaries，而且我在使用字体时遇到了问题。
有一个名为MyFontAssembly的程序集，它将字体以及对它们的引用存储为ResourceDictionary。其结构如下：
MyFontAssembly
- FontDictionary.xaml - (stores references to fonts)
- Fonts
- FontA.ttf
- FontB.ttf
...
还有另一个程序集存储用于样式化控件的MyStylesAssembly.，
浏览 3提问于2017-10-06得票数 6
回答已采纳
3回答
<div style={{ fontFamily: 'SegoeUI' }}>
<b>Hello world</b>
</div> 每当我将字体设置为SegoeUI时，<strong>和<b>标签都不起作用。如果我去掉字体，它们就能完美地工作。你知道为什么会这样吗?我怎么解决这个问题呢？
浏览 41提问于2021-10-05得票数 1
这是我的main.dart的当前代码。我试着把“ThemeData:fontFamily(fontFamily：‘’)”放在标题: Text('SMARTID')下，因为我想更改Appbar文本，即SMARTID，但它似乎不起作用。
import 'package:flutter/material.dart';
void main() => runApp(MaterialApp(
home: MyApp(),
debugShowCheckedModeBanner: false,
));
class MyApp extends StatefulW
浏览 3提问于2019-11-15得票数 7
回答已采纳
如何更少地调用字体面板
我试着遵循密码。但它不起作用
@colr : red;
.font-face(@fontfamily) {
@font-face {
font-family: @fontfamily;
src: url("fonts/@{fontfamily}.eot");
src: url("fonts/@{fontfamily}.eot?#iefix") format('embedded-opentype'),
浏览 1提问于2015-07-29得票数 0
这是我得到的错误
这里有几件事困扰着我。
这种崩溃发生在开发过程中的随机时间，以及应用程序为生产而构建的时候。
我发现这个问题可能是因为像padding和margin这样的属性的值被设置为字符串而不是整数。在我的例子中，这不是问题，因为它们都被设置为整数。
我在想这可能是SVG的问题，但是他们没有任何内联样式集来导致这种情况。或者可能是SVG图像的其他东西。
使用react-native-render-html从WordPress加载内容，但我不认为这可能是问题所在。
我正在使用"react-native": "0.63.3",
如果有人能帮我，那就太
浏览 4提问于2020-11-18得票数 0
1回答
我在App.xaml中创建了一个全局字体资源如下：
<Application.Resources>
<ResourceDictionary>
<FontFamily x:Key="GlobalFontLight">Arial</FontFamily>
<FontFamily x:Key="GlobalFont">Segoe UI</FontFamily>
<FontFamily x:Key="GlobalFontBold&
浏览 1提问于2018-03-12得票数 2
回答已采纳
3回答
在我的项目中，我使用了android: fontFamily = "sans-serif-light“字体，并且工作正常。
我还使用了库的viewpagerindicator。我想在viewpagerindicator中使用android: fontFamily = "sans-serif-light“字体，但是找不到怎么做
我尝试过在<com.viewpagerindicator.TitlePageIndicator ...和style中使用android:fontFamily = "sans-serif-light"，但都没有成功。
我也尝试过：
Pa
浏览 0提问于2013-07-04得票数 3
回答已采纳
我在fabric js中面临一个典型的问题，我正在使用canvas.toJson将画布转换为json，并将其保存到数据库中。稍后，我使用loadFromJSON将json加载到画布中，一切工作正常。
现在的问题是，我有json，它有很多层，一个层是textbox，它有一些字体样式，所以那个层的json是这样的，
{
"type":"textbox",
"originX":"center",
"originY":"top",
"left":12
浏览 1提问于2016-02-09得票数 3
1回答
我的笑脸有以下问题：
<!-- Displays a colorful smiley -->
<PivotItem Header="Add 😶" FontFamily="Segoe UI Symbol">
<!-- Displays a black & white smiley -->
<TextBlock Text="😶" FontFamily="Segoe UI Symbol"/>
如何在TextBlock中得到一个漂亮的
浏览 5提问于2015-09-21得票数 0
我可以使用android:fontFamily="@font/test2"更改文本视图的字体，但这在开关上不起作用，所以我创建了一个包含字体的自定义样式，但仍然没有操作。我也尝试了android:textAppearance="@font/test2"，仍然没有动作。我可以通过编程的方式改变字体。如何使用xml属性进行更改？
浏览 27提问于2018-06-06得票数 0
我在我的Expo项目中安装了react-native-vector-icons。但它不起作用。
import Icon from 'react-native-vector-icons/SimpleLineIcons';
它显示此错误
这是package.json
{
"main": "node_modules/expo/AppEntry.js",
"private": true,
"dependencies": {
"antd-mobile": "^2.1.8
浏览 1提问于2018-07-18得票数 0
1回答
如何在WPF属性网格中添加嵌套属性。
我想在Font下添加Font属性列表，Font是Style的子元素。如何通过嵌套属性获取字体属性列表？
Style
Font
Font Family
Font Size
Font Style ... and so on..
internal class Properties()
{
public Properties()
{
this.FontPropertiesCollection = new List<FontProperties>()
{
浏览 4提问于2012-07-11得票数 0
回答已采纳
我是按照这个方法配置的，但是它不适用于Android。
我的字体文件名为: din_alternate_bold.ttf这是我在RN风格中使用的：fontFamily: 'DIN Alternate Bold' & fontFamily: 'DIN_Alternate_Bold' & fontFamily: 'din alternate bold' & fontFamily: 'din_alternate_bold'这些方式都不起作用。
我应该配置什么才能在RN中使用Android自定义字体？
浏览 0提问于2021-05-15得票数 1
1回答
将我的散文类中的所有标题设置为特定字体的最佳方法是什么？
以下是我所拥有的，但似乎不起作用：
theme: {
typography: {
DEFAULT: {
css: {
h1: {
fontFamily: ['Bebas Neue', 'sans-serif'],
},
h2: {
fontFamily: ['Bebas Neue', 'sans-serif'],
},
h3: {
fontFamily:
浏览 4提问于2022-09-21得票数 0
回答已采纳
今天，我尝试使用这个库在我的React Native应用程序中呈现原始的html。下面是我的代码： import HTML from "react-native-render-html";
const htmlContent = `
<div class="page" title="Page 5">
<div class="layoutArea">
<div class="column">
<p><span style="font-size: 11.0
浏览 59提问于2020-08-28得票数 2
在开发React Native Apps时，我使用react-native-render-html将字符串转换为html元素。我从后台收到了RESTful API发来的字符串，在<img>标签中已经设置了宽和高：
<img class="aligncenter" src="https://www.allfin.com/u/cms/www/201811/13142949sf02.jpg" width="600" height="408" />
但我希望将图像调整到窗口的最大宽度，因此我使用：
imagesMa
浏览 1提问于2020-02-19得票数 1
根据我所在的页面，我希望更改javascript函数的内容。
示例：
MasterPage
<script type="text/javascript">
Cufon.now();
Cufon.replace('p#characters', { fontFamily: 'Helvetica95-Black' });
</script>
第A页
<script type="text/javascript">
Cufon.now();
Cufon.replace(&#
浏览 0提问于2010-02-09得票数 2
回答已采纳
1回答
我想将TextBox的FontFamily绑定到我在ViewModel上创建的属性
下面是我的XAML：
<TextBox Text="Test Font Binding" FontFamily="{Binding FontFirstContent}" />
下面是我的ViewModel中的属性：
public FontFamily FontFirstContent
{
get { return new FontFamily("Verdana"); }
}
加载视图时，属性的getter可以正确触发，但不会传递给视图。我的视图
浏览 1提问于2013-12-12得票数 6
我正在做一个C# WPF项目，其中嵌入了Roboto和Roboto Thin字体。它们的字体文件位于/Resources/Fonts中，它们的构建操作被设置为'Resource‘。在我的App.xaml中，我声明了资源：
<FontFamily x:Key="Roboto">/Resources/Fonts/#Roboto</FontFamily>
<FontFamily x:Key="RobotoThin">/Resources/Fonts/#Roboto Thin</FontFamily>
Roboto
浏览 3提问于2016-01-04得票数 0
我的任务很简单:我想要做的就是将x轴和y轴的字体系列更改为Roboto, sans-serif (即。沿两个轴的值)。
我可以用：<XAxis tick={{ fontSize: 'sans-serif!important' }} />更改x轴勾号的字体大小。
但这不起作用：<XAxis tick={{ fontFamily: 'sans-serif' }} />
我看到的唯一其他选项是使用文档中指定的tickFormatter属性，该属性只接受一个函数，参见此处：
在这个项目中，我们使用了函数式的编程方式，在React中使用重新组合的实
浏览 1提问于2018-06-28得票数 6
回答已采纳
1回答
我想更新文本小部件的值点击按钮。
这是我的密码
Widget text(){
if(workinghours=="0" || gettimeinworkinghours=="0"){
if(gettimeinworkinghours=="0"){
totalWorkingHours();
setState(() { //here i am using setstate
return Text(gettimeoutworkin
浏览 1提问于2021-07-26得票数 0
回答已采纳
是否有一种简单快捷的方法来更改FontFamily for all元素(Textblocks、Textboxes等)在我的申请里？
我使用ModernUI，它定义了许多不错的样式。我最好不要用手换这些东西。在FontFamily应用程序范围内设置如下所示
public MainWindow()
{
...
this.FontFamily = new FontFamily("Comic Sans MS");
}
没有效果。我也在我的App.xaml中尝试过这个
<Style TargetType="{x:Type TextBlock}&
浏览 5提问于2015-05-13得票数 1
回答已采纳
1回答
我正在尝试让下面的TextBlocks变得崩溃，但是它不工作：
<DockPanel Grid.Column="1" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" LastChildFill="False" >
<DockPanel.Resources>
<Style x:Key="ReferenceValues" TargetType="{x:Type TextBlock}">
浏览 4提问于2013-01-04得票数 0
回答已采纳
我很肯定我走错了路，但是任何帮助把我推向正确的方向将是非常感激的。
基本上，我试图添加一个自定义字体列表，然后在一个TextBlocks列表中显示它们，但是无论我尝试了多少种不同的方式，我都会得到相同的错误，这对我来说没有多大意义。
错误: BindingExpression路径错误：'FontFamilyList‘属性未在’Windows.UI.Xaml.Media.Fent族‘上找到。BindingExpression: Path='FontFamilyList‘DataItem=’Windows.UI.Xaml.Media.Fona家族‘；目标元素是'Windo
浏览 1提问于2018-09-11得票数 0
回答已采纳
安卓系统中的fontFamily和typeFace有什么区别？当然，我阅读了android开发者网站的所有描述，但我还不清楚。
根据两个词的一般意义，它应该是相同的意思。但是在android属性(textview.)中，它同时具有两个属性。这让我很困惑。
据我所知..。fontFamily和typeFace是一组相同的字体。(Roboto，Arial)字体是fontFamily的一种特殊字体。
我错过了什么？
浏览 1提问于2015-08-18得票数 18
1回答
我正在设计一个字体列表，我指的是Fonts.SystemFontFamilies，但我也想包含MyDllProject项目中存在的3种自定义字体。首先我添加SystemFontFamilies，工作良好，然后添加我的自定义字体(Roboto、Abstractus和OpenSans)并将它们很好地添加到列表中，但它给了我前缀./#。所以，我想找到一种方法来显示字体的名称，就像Abstractus，Roboto和Open Sans，没有其他任何东西。
comboBox的代码是
if( _cmbFontFamilies != null )
{
_cmbFontFa
浏览 14提问于2021-10-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
