在android webview中将CSS注入网页

时间:2014-05-08 05:22:40

标签: android css webview

我浏览了很多网页来获取教程。我看到很多关于将CSS / js注入本地HTML文件的帖子。但我正在尝试将我的CSS文件注入android webview项目中的网页。示例:将自定义字体CSS注入Facebook,Google等...(不是本地HTML文件)。我的代码无效。

这是我的代码

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_webview);
    String html = "<html><head><style>@font-face {@font-family: 'Conv_LISU'; src: url('file:///android_asset/font/LISU.ttf');} body, button, input, label, select, td, tr, textarea,li,ul,span,div,table,h1,h2,h3,h4{ font-family:Conv_LISU;}</style></head>";

    WebView webView = (WebView)findViewById(R.id.webView);
    webView.setWebViewClient(new WebViewClient() {
        @Override
        public void onReceivedError(WebView view, int errorCode,
                String description, String failingUrl) {
            // Handle the error
        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    });

    webView.setInitialScale(1);
    webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setLoadWithOverviewMode(true);
    webView.getSettings().setUseWideViewPort(true);
    webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
    webView.setScrollbarFadingEnabled(false);
    webView.loadData(html, "text/html", "utf-8");
    webView.loadUrl("http://google.com");


}

}

1 个答案:

答案 0 :(得分:1)

这种方式不起作用,因为您的源字体来自/ assets /文件夹。

    String html = "<html><head><style>@font-face {@font-family: 'Conv_LISU'; src: url('file:///android_asset/font/LISU.ttf');} body, button, input, label, select, td, tr, textarea,li,ul,span,div,table,h1,h2,h3,h4{ font-family:Conv_LISU;}</style></head>";

当CSS不是来自互联网时,CSS不会获取字体,在&#34; src更改您的代码:url(&#39; file:///android_asset/font/LISU.ttf')&# 34;一些可下载的字体链接,例如:&#34; src:url(&#34; http://www.vonna.com/fonts/sahara01.ttf&#34;)&#34;。

现在应该可以了。