2016-07-04 11 views
3

iOSでは、UIWebViewを使用して、この短いテキストファイル をロードし、それをUIWebViewに表示します。 (loadHTMLStringUIWebViewでは、CSSだけでなく、実際のフォントを選択するだけです。

<html><head><style type='text/css'> 
body 
{ 
font-family:'Source Sans Pro'; 
font-size:12pt; 
} 
html { -webkit-text-size-adjust:none; } 
</style></head> 
<body leftmargin=0 topmargin=0> 
example text... 
</body></html> 
ここ

print(UIFont.fontNamesForFamilyName("Source Sans Pro"))

インストール12 "実際の" フォント名である[ "SourceSansPro-BoldIt"、 "SourceSansPro-SemiboldIt"、 "SourceSansPro-超軽量"、「SourceSansPro 「SourceSansPro-Black」、「SourceSansPro-Regular」、「SourceSansPro-Light」、「SourceSansPro-BlackIt」、「SourceSansPro-It」、「SourceSansPro-ExtraLightIt」、「SourceSansPro-Light」 "]

UIWebView

body 
{ 
font-family:'Source Sans Pro'; 
font-size:12pt; 
} 

これは完全に機能します。通常のSource Sans Proフォントが表示されます。

しかし、まさに、「ExtraLight」、「BlackIt」などを使用するためにCSSにどのように伝えたいのですか?

12種類のフォントの中から特定のフォントを選択するにはどうすればよいですか?

ヘルプ!あなたはCSSで実際のフォント名を使用する必要が

答えて

4

<html> 
    <head> 
     <style type='text/css'> 
      body { 
       margin: 30px; 
       font-family: 'SourceSansPro-Regular'; 
       font-size: 12pt; 
      } 
      h1 { 
       font-family: 'SourceSansPro-Black'; 
       font-size: 16pt; 
       font-weight: normal 
      } 
      .light { 
       font-family: 'SourceSansPro-ExtraLight'; 
      } 
     </style> 
    </head> 
    <body> 
     <h1>Header</h1> 
     <p>Normal Text</p> 
     <p class="light">Light Text</p> 
    </body> 
</html> 

enter image description here

ワンサイドノート:あなたはそれが良い「本当の」太字フォントフェイスを提供フォントで動作既に大胆なフォントをより醜く見せかけるように、「人工的な」太字のフォントウェイトを削除するアイデア。 (そのため、h1セレクタにfont-weight: normalを追加しました)

+1

UIWebViewにあります。 – joern

+1

あなたのHTML/CSSはどのようになっていますか? – joern

+0

**ありがとうございます!**賞品を送りました。 @joern – Fattie

関連する問題