如何在WebView中使用自定义字体

Question

现在我想展示一些Unicode字符和我用标签：<font face="

Arial">something here</font>。但是似乎WebView找不到Arial字体，因为我只能看到UFO字符。我是否必须将arial.ttf复制到某个地方，或者如何将TrueType字体用于WebView？谢谢。

Answer 1

loadData也不适合我，所以我用file:///android_asset了src路径。

它与loadDataWithBaseURL！

对于此示例，我将CSS更改为：

@font-face {

    font-family: 'feast';

    src: url('fonts/feasfbrg.ttf');

}

body {font-family: 'feast';}

然后使用资产路径作为基本URL：

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

Answer 2

显然，您可以使用的自定义字体WebView，如上面的@raychung所示。但这不适用于2.1（错误报告在这里）。这应该适用于1.5、1.6和2.2。

您可以将自定义字体TTF文件放在/assets文件夹中，然后在CSS文件中放入：

@font-face { 

    font-family: "myIPA"; 

    src: url('IPA.TTF'); 

}

.phon, .unicode

{

    display: inline;    

    font-family: 'myIPA', Verdana, sans-serif;  

    font-size: 14pt;

    font-weight: 500;

    font-style:normal;

    color: black;

}

现在，您可以在HTML文件中引用此字体样式。

Answer 3

通过在应用程序的首次启动时将字体文件从资产复制到文件文件夹，然后使其引用为：

"@font-face {

 font-family: cool_font;

 src: url('file://"+ getFilesDir().getAbsolutePath() 

  + "/cool_font.ttf');

}"