ios - 在我的应用程序中的 UIWebView 中打开时网页字体发生变化

Question

我的应用程序正在使用自定义字体(“Roboto”)，我正在应用程序内的 UIWebView 中打开一个 HTML 页面(该网页也在 CSS 中使用 Roboto 字体)，其中网页字体为粗体。

有人可以帮忙吗？可能是什么问题。

Answer 1

您有以下解决方案可能对您有帮助。

1) 添加.css和meta标签如下。

html {
    -webkit-text-size-adjust: none; /* Never autoresize text */
}

和元标记如下

<meta name='viewport' content='width=device-width; initial-scale=1.0; maximum-scale=1.0;'>

2) 您还可以使用以下 JavaScript 代码将两者注入(inject)现有网站。

var style = document.createElement(\"style\"); 
document.head.appendChild(style); 
style.innerHTML = "html{-webkit-text-size-adjust: none;}";
var viewPortTag=document.createElement('meta');
viewPortTag.id="viewport";
viewPortTag.name = "viewport";
viewPortTag.content = "width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;";
document.getElementsByTagName('head')[0].appendChild(viewPortTag);

并使用 UIWebViewDelegate (webViewDidFinishLoad) 方法

- (void)webViewDidFinishLoad:(UIWebView *)webView{

    NSString *javascript = @"var style = document.createElement(\"style\"); document.head.appendChild(style); style.innerHTML = \"html{-webkit-text-size-adjust: none;}\";var viewPortTag=document.createElement('meta');viewPortTag.id=\"viewport\";viewPortTag.name = \"viewport\";viewPortTag.content = \"width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;\";document.getElementsByTagName('head')[0].appendChild(viewPortTag);";
    [webView stringByEvaluatingJavaScriptFromString:javascript];

}