在WebView html问题中设置字体样式

Question

我需要在webView Html页面中使用UhmanicHafs.ttf字体来获得预期输出。

我正在设置uthmanic font：

 webviewHTML.loadDataWithBaseURL("file:///android_asset/fonts/UthmanicHafs.ttf",
 myHtmlString, "text/html", Xml.Encoding.UTF_8.toString(), null);

然后我得到了Actual Output

如果我删除了UthmanicHafs.ttf这样的字体：

  webviewHTML.loadDataWithBaseURL("file:///android_asset/", myHtmlString, "text/html", Xml.Encoding.UTF_8.toString(), null);

我收到此Expected Output

我需要的是：

我需要使用Uthmanic字体并获得预期的输出。任何人都可以帮忙。谢谢。

Answer 1

您需要在css文件中设置如下所示的自定义字体

对于此示例，将CSS写入：

 @font-face {
  font-family: 'feast';
   src: url('fonts/yourfont.ttf');
 }

 body {font-family: 'feast';}


Then use the assets path as the base url:

    loadDataWithBaseURL("file:///android_asset/",myhtml,"text/html","utf-8",null);

然后它应该工作正常。