【笔记】WebView如何引用本地字体

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wangxumh520/article/details/84553165

步骤1:准备字体,后缀为ttf,otf格式。可以去绿斗堂字体网下载http://www.lvdoutang.com

步骤2:把字体拷贝到项目工程mian\assets\fonts目录下。

步骤3:在assets目录下创建.css文件。

参考格式:

/** 微软雅黑 */
@font-face {
    font-family: 'Microsoft YaHei';
    src: url('file:///android_asset/fonts/Microsoft_YaHei.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/** 黑体 */
@font-face {
    font-family: 'SimHei';
    src: url('file:///android_asset/fonts/SimHei.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/** 宋体 */
@font-face {
    font-family: 'SimSun';
    src: url('file:///android_asset/fonts/SimSun.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/** 宋体(默认) */
@font-face {
    font-family: 'FangSong_GB2312';
    src: url('file:///android_asset/fonts/FangSong_GB2312.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

步骤4:拼接后台返回的富文本格式的Json

参考方法:

public static String getNewContent(String htmltext, String title) {
        Document doc = Jsoup.parse(htmltext);
        Elements elements1 = doc.getElementsByTag("img");
        Elements elements2 = doc.getElementsByTag("a");
        for (Element element : elements1) {
            element.attr("width", "100%").attr("height", "auto");
        }
        for (Element element : elements2) {
            element.attr("style", "word-wrap:break-word");
        }
        String assetsFontCSS = "<link href=\"file:///android_asset/myfont.css\" rel=\"stylesheet\" type=\"text/css\"/>\n";
        String htmlSource = doc.toString();
        String htmlAdded = htmlSource.replace("</head>",
                "\n" + assetsFontCSS +
                        "<meta charset=\"UTF-8\"/>\n" +
                        "<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no\"/>\n" +
                        "<title>" + title + "</title>\n" +
                        "</head>").replace("<body>", "<body style=\"margin:0;padding:0;\">");
        return "<!DOCTYPE html>\n" + htmlAdded;
    }
 

猜你喜欢

转载自blog.csdn.net/wangxumh520/article/details/84553165