Reactjs 如何更新Webview字体系列和大小_Reactjs_React Native

Reactjs 如何更新Webview字体系列和大小

reactjs react-native

Reactjs 如何更新Webview字体系列和大小,reactjs,react-native,Reactjs,React Native,我正在webview中显示HTML内容，并试图让它使用应用程序中使用的字体文件。我看到了这个例子，但它对我不起作用：我遗漏了什么吗？还有别的办法吗 var css = ` <head> <style type="text/css"> @font-face { font-family: ''open-sans-bold''; fontSize: 19; s

我正在webview中显示HTML内容，并试图让它使用应用程序中使用的字体文件。我看到了这个例子，但它对我不起作用：

我遗漏了什么吗？还有别的办法吗

var css = `
<head>
    <style type="text/css">
        @font-face {
            font-family: ''open-sans-bold'';
            fontSize: 19;
            src: url('./assets/fonts/OpenSans-Bold.ttf')
        }
    </style>
</head>`;

var htmlContent = `${css}
<h1 style='font-family:BYekan'>Header</h1>
<p style='font-family:BYekan'>Some Text</p>
`

<WebView 
   style={{ backgroundColor: 'transparent' }} 
   source={{ html: htmlContent }} 
/>

var css=`
@字体{
字体系列：“open-sans-bold”；
人数:19人;；
src:url（“./assets/font/OpenSans Bold.ttf”）
}
`;
var htmlContent=`${css}
标题
一些文本
`

您将字体定义为

“open-sans-bold”

（带双单引号？为什么？）

好字体

@font-face {
 font-family: 'BYekan';
 fontSize: 19;
 src: url('./assets/fonts/OpenSans-Bold.ttf')
}