iOS UIWebViewは複数の@ font-faceを完全に理解できませんか？

Question

お知らせ現地のUIWebViewに表示されているこの単純なCSS/HTML：

それを示すシミュレータがあります...

お知らせ2する@ font-face定義があります。

しかし... は2番目のものだけが動作します。スワップする場合は、2つ目のスクロールだけが有効です。

だからここに...

@font-face { 
font-family:'aaa'; 
src: local('SourceSansPro-Regular'), 
url('SourceSansPro-Regular.ttf') format('truetype'); 
} 
@font-face { 
font-family:'bbb'; 
src: local('SourceSansPro-BoldIt'), 
url('SourceSansPro-BoldItalic.ttf') format('truetype'); 
} 

のみ "BBB" はを働き、他の一つは、 "キャンセル" しているようです。そして、ここに..

@font-face { 
font-family:'bbb'; 
src: local('SourceSansPro-BoldIt'), 
url('SourceSansPro-BoldItalic.ttf') format('truetype'); 
} 
@font-face { 
font-family:'aaa'; 
src: local('SourceSansPro-Regular'), 
url('SourceSansPro-Regular.ttf') format('truetype'); 
} 

だけ "AAA" がを働き、他の一つは、 "キャンセル" しているようです。

はここ

// load a simple UIWebView (say, an "about" or "legal" screen) 
// base is in template.html 
import UIKit 
import WebKit 
class MinorWebView:UIViewController 
    { 
    @IBOutlet var wv:UIWebView! 
    @IBInspectable var filename:String = "?" 
    // for example, "about" for "about.html" 

    ... 
    func makeHtml() 
     { 
     print("making html for ... " ,filename) 

     let ourSize = grid.yourSizeDecisionMechanism 
     let sizeString = String(format:"%.0f", ourSize) 

     let p1 = NSBundle.mainBundle().pathForResource("template", ofType: "html") 
     var html:String = try! NSString(contentsOfFile:p1!, encoding:NSUTF8StringEncoding) as String 

     let p2 = NSBundle.mainBundle().pathForResource(filename, ofType: "html") 
     let content:String = try! NSString(contentsOfFile:p2!, encoding:NSUTF8StringEncoding) as String 

     html = html.stringByReplacingOccurrencesOfString("STUFF", withString:content) 
     html = html.stringByReplacingOccurrencesOfString("SIZEPOINTS", withString:sizeString) 

     print("Made html like this ---\n" ,html ,"\n------") 

     wv.loadHTMLString(html as String, baseURL:nil) 
     } 
    } 

は、単純に（ちょうどあなたがイメージと同じように）プロジェクトへの「template.html」と「about.html」をドラッグして、スウィフトでそれを行う方法です。彼らがターゲットメンバーシップを持っていることを確認

Answer 1

<style>ブロックにエラーがあります。これは、<meta>要素で始まります。これはパーサーをオフにします。明らかに、最初の}までのすべてが悪いので、廃棄する必要があると考えています。

解決策：<style>のうち<meta>を取ってください。