为了账号安全,请及时绑定邮箱和手机立即绑定

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

/ 猿问

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

喵喔喔 2019-11-15 10:44:40

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

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


查看完整描述

3 回答

?
慕森卡

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);


查看完整回答
反对 回复 2019-11-15
?
慕沐林林

显然,您可以使用的自定义字体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文件中引用此字体样式。


查看完整回答
反对 回复 2019-11-15
?
慕仰8121524

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


"@font-face {

 font-family: cool_font;

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

  + "/cool_font.ttf');

}"


查看完整回答
反对 回复 2019-11-15

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信