WebView如何引用本地字体

最新推荐文章于 2022-02-18 17:22:11 发布

wangxumh520

最新推荐文章于 2022-02-18 17:22:11 发布

阅读量1.2k

点赞数

分类专栏：控件文章标签： WebView

本文链接：https://blog.csdn.net/wangxumh520/article/details/84553165

版权

控件专栏收录该内容

5 篇文章 0 订阅

订阅专栏

步骤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;
}

wangxumh520

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WebView如何引用本地字体

步骤1：准备字体，后缀为ttf,otf格式。可以去绿斗堂字体网下载http://www.lvdoutang.com步骤2：把字体拷贝到项目工程mian\assets\fonts目录下。步骤3：在assets目录下创建.css文件。参考格式：/** 微软雅黑 */@font-face { font-family: 'Microsoft YaHei'; src: u...
复制链接

扫一扫