webview字體沒有被應用

Question

我有一個android webview，其中的文本為sans-serif字體。 我在assets / sans-serif.ttf中有ttf文件，這是代碼

WebView webVw;
String webContent;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webVw=(WebView)findViewById(R.id.webVw);
        webContent="%3Cdiv%20style%3D%22width%3A100%25%3Bheight%3A100%25%3Bposition%3Arelative%3Bleft%3A.1%25%3Btop%3A.1%25%22%3E%3Cdiv%20style%3D%22position%3Aabsolute%3Bwidth%3A31%25%3Bheight%3A42.22222222222222%25%3Bleft%3A36.375%25%3Btop%3A19.02313624678663%25%3Bcolor%3Argb(0%2C%200%2C%200)%3Bfont-size%3A50px%3Bfont-style%3Anormal%3Bfont-family%3Asans-serif%2C%20sans-serif%2C%20sans-serif%3Bfont-weight%3A400%22%20%3EOverlay!%20%3C%2Fdiv%3E%3Ca%20href%3D%22javascript%3A%20void(0)%22%20%20target%3D%22_blank%22%20%3E%3Cimg%20src%3D%22https%3A%2F%2Fsi0.twimg.com%2Fprofile_images%2F1490344068%2FLOGO_COGNIZANT_C_only_normal.jpg%22%20style%3D%22position%3Aabsolute%3Bwidth%3A4.875%25%3Bheight%3A10.444444444444445%25%3Bleft%3A0.625%25%3Btop%3A1.2853470437017995%25%22%20%2F%3E%3C%2Fa%3E%3Cdiv%20style%3D%22position%3Aabsolute%3Bwidth%3A4%25%3Bheight%3A6.666666666666667%25%3Bleft%3A95%25%3Btop%3A1.5424164524421593%25%3Bbackground%3Argb(47%2C%206%2C%20246)%20none%22%20%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22cf-component%20buttonwrap%22%20style%3D%22position%3Aabsolute%3Bborder%3Dradius%3A5px%3Bwidth%3A4.25%25%3Bheight%3A4.222222222222222%25%3Bleft%3A6.125%25%3Btop%3A3.3419023136246784%25%3Bbackground%3Argb(6%2C%20115%2C%20233)%3Bfont-size%3A15px%3Bfont-style%3Anormal%3Bfont-family%3Asans-serif%2C%20sans-serif%2C%20sans-serif%3Bfont-weight%3A400%22%20%3E%3Ca%20%20class%3D%22editableTxt%22%20href%3D%22http%3A%2F%2Fwww.cognizant.com%22%20target%3D%22_blank%22%3E%20Go!%3C%2Fa%3E%3C%2Fdiv%3E%3C%2Fdiv%3E";
        String head="<head><style>@font-face {font-family: 'sans-serif';src: url('file:///assets/sans-serif.ttf');}body {font-family: 'sans-serif';}</style></head>";
      String HtmlString = "<html>"+head+"<body>"+webContent+"</body></html>";
    webVw.loadData(HtmlString, "text/html","charset=UTF-8");

    }

Web視圖顯示常規字體，但不顯示sans-serif

Answer 1

嘗試這個...

在您的Assets / fonts文件夾中，放置所需的OTF或TTF字體（在此為MyFont.otf），在Assets文件夾內（此處在asset / demo / my_page.html中），創建一個用於WebView內容的HTML文件：

<html>
<head>
<style type="text/css">
@font-face {
    font-family: MyFont;
    src: url("file:///android_asset/fonts/MyFont.otf")
}
body {
    font-family: MyFont;
    font-size: medium;
    text-align: justify;
}
</style>
</head>
<body>
Your text can go here! Your text can go here! Your text can go here!
</body>
</html>

通過代碼將HTML加載到WebView中：

webview.loadUrl("file:///android_asset/demo/my_page.html");

請注意，通過loadData（）注入HTML對我不起作用。 我很想知道是否有人能做到這一點。

Answer 2

使用此代碼代替它

webVw.loadDataWithBaseURL("file:///android_asset/",HtmlString, "text/html", "UTF-8",null);

Answer 3

在某些情況下，如果您嘗試了多種方法來解決此問題，但尚未解決問題。 您應該嘗試檢查字體文件的正確名稱。打開字體文件並檢查字體名稱，將其復制並重命名為正確的名稱。 在您的html代碼中也使用正確的名稱。 我有幾次這個問題！

webview字體沒有被應用

問題描述

3 個解決方案

解決方案1
1 2013-10-17 03:35:33

解決方案2
0 2013-10-17 03:49:40

解決方案3
0 2015-05-09 07:41:24

webview字體沒有被應用

問題描述

3 個解決方案

解決方案1 1 2013-10-17 03:35:33

解決方案2 0 2013-10-17 03:49:40

解決方案3 0 2015-05-09 07:41:24

解決方案1
1 2013-10-17 03:35:33

解決方案2
0 2013-10-17 03:49:40

解決方案3
0 2015-05-09 07:41:24