ios - UIWebView，只需在CSS中选择“实际”字体，而不仅仅是字体？

在iOS中，使用UIWebView，我加载了此短文本文件
然后将其显示在UIWebView中。 (loadHTMLString)

<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>

这是安装的12种“实际”字体名称(print(UIFont.fontNamesForFamilyName("Source Sans Pro")))

[“SourceSansPro-BoldIt”，“SourceSansPro-SemiboldIt”，“SourceSansPro-ExtraLight”，“SourceSansPro-Semibold”，“SourceSansPro-Bold”，“SourceSansPro-Black”，“SourceSansPro-Regular”，“SourceSansPro-Light”，“SourceSansPro-BlackIt”，“SourceSansPro-It”，“SourceSansPro-ExtraLightIt”，“SourceSansPro-LightIt”]

现在在UIWebView中

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

那很好用；常规Source Sans Pro字体出现。
但。很简单，我怎么告诉CSS使用“ExtraLight”，“BlackIt”等？
如何选择12种字体中的一种？
救命!

最佳答案

您必须在CSS中使用实际的字体名称:

<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>

ios - UIWebView，只需在CSS中选择“实际”字体，而不仅仅是字体？-LMLPHP

旁注:当使用提供“真实”粗体字体的字体时，最好删除“人工”粗体字体粗细，因为它会使已经粗体的字体变得更加粗体，看起来确实丑陋。 (这就是为什么我将font-weight: normal添加到h1选择器的原因)