粗体 `<b>` 标记和斜体 `<i>` 标记不适用于自定义字体系列

Question

我得到低于html 字符串<b> 和<i> 标签。

inputString = @"<b> Sample bold text </b> Normal Text <i> sample italic </i>";

下面的方法将返回输入 html 字符串的属性文本。

+(NSAttributedString *) returnRichTextForString:(NSString *) inputString {

  NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithData:[inputString dataUsingEncoding:NSUTF8StringEncoding]  options:@{   
        NSDocumentTypeDocumentAttribute:  NSHTMLTextDocumentType,
        NSCharacterEncodingDocumentAttribute: @(NSUTF8StringEncoding)
      }
  documentAttributes:nil
  error:nil];

   return attributedString;
}

然后自定义字体大小、家族并将其传递给上述方法。

NSString * strigAfterFontWrapper =  [NSString stringWithFormat:@"<style type='text/css'> body {font-size: %fpx}</style><font face='%@'>%@</font>", fontSize , customFontFamily, inputString];

label.numberOfLines = 0;

NSAttributedString *attributedstring = [NTUtilities returnRichTextForString:strigAfterFontWrapper];

label.attributedText = attributedstring;

但是，<b> 和 <i> 没有应用在标签上！

使用默认系统字体可以正常工作！任何线索为什么它在 自定义字体的情况？我应该包括什么来获得bold 或italic ?

Answer 1

用我自己的 hack 解决了这个问题。在跳到解决方案之前，我澄清了 iOS 中新添加的自定义字体的效果。也就是说，如果该字体系列带有现成的粗体/斜体等属性，则会导致上述问题。否则，您将面临此类问题。

解决方案：

在+(NSAttributedString *) returnRichTextForString:(NSString *) inputString 方法中，添加以下行以覆盖现有的 NSAttributedString 属性。

[attributedString beginEditing];

[attributedString enumerateAttribute:NSParagraphStyleAttributeName inRange:NSMakeRange(0, attributedString.length) options:0 usingBlock:^(id value, NSRange range, BOOL *stop) {
    if (value) {
        NSMutableParagraphStyle *myStyle = (NSMutableParagraphStyle *)value;
        //Hack for bold effect to custom fonts
        if (myStyle.minimumLineHeight == 101) {
            [myStyle setMinimumLineHeight:0];
            [attributedString addAttribute:NSStrokeWidthAttributeName
                                     value:[NSNumber numberWithFloat:-3.0] range:range];
        }
        //Hack for italic/skew effect to custom fonts
        if (myStyle.minimumLineHeight == 99) {
            [myStyle setMinimumLineHeight:0];
            [attributedString addAttribute:NSObliquenessAttributeName
                                     value:[NSNumber numberWithFloat:0.30] range:range];
        }

    }
}];

[attributedString endEditing];

inputString 中的标记更新如下

<style type='text/css'> b { line-height:101px;} i {line-height:99px;} </style>

因此，在颠倒以上行之后的最终标记，

inputString = @"<b> Sample bold text </b> Normal Text <i> sample italic </i><style type='text/css'> b { line-height:101px;} i {line-height:99px;} </style>";

这里，

技巧是根据line-height识别粗体和斜体标签 html 中的值并将其与minimumLineHeight 属性进行比较 段落样式。即例如，如果 line-height 101 那么它将是 粗体和 99 则将其视为斜体。

更新： 当两者都应用于相同的文本时，这将失败。为了克服这个问题，在这里我分享了稍微修改的逻辑。保持相同的逻辑来识别斜体和粗体，我在结束编辑 NSAttributedstring 的属性之前添加了以下行，

//Hack for bold effect.
[attributedString enumerateAttribute:NSStrikethroughStyleAttributeName inRange:NSMakeRange(0, attributedString.length) options:0 usingBlock:^(id value, NSRange range, BOOL *stop) {

    if (value) {

        [attributedString addAttribute:NSStrokeWidthAttributeName
                                                 value:[NSNumber numberWithFloat:-3.0] range:range];

        [attributedString addAttribute:NSStrikethroughStyleAttributeName
                                 value:[NSNumber numberWithFloat:0.0] range:range];
    }

}];

在 html 中，

 b { text-decoration:line-through;}

我的完整方法如下：

  +(NSAttributedString *) returnRichTextForString:(NSString *) inputString {

  NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithData:[inputString dataUsingEncoding:NSUTF8StringEncoding]  options:@{
                                                                                                                                                                 NSDocumentTypeDocumentAttribute:  NSHTMLTextDocumentType,
                                                                                                                                                                 NSCharacterEncodingDocumentAttribute: @(NSUTF8StringEncoding)
                                                                                                                                                              }
                                                                           documentAttributes:nil
                                                                                        error:nil];


 [attributedString beginEditing];

   //Hack for italic/skew effect to custom fonts
 [attributedString enumerateAttribute:NSParagraphStyleAttributeName inRange:NSMakeRange(0, attributedString.length) options:0 usingBlock:^(id value, NSRange range, BOOL *stop) {

    if (value) {

        NSMutableParagraphStyle *myStyle = (NSMutableParagraphStyle *)value;

        if (myStyle.minimumLineHeight == 99) {
            [myStyle setMinimumLineHeight:0];
            [attributedString addAttribute:NSObliquenessAttributeName
                                     value:[NSNumber numberWithFloat:0.30] range:range];
        }

    }
}];

     //Hack for bold effect.
 [attributedString enumerateAttribute:NSStrikethroughStyleAttributeName inRange:NSMakeRange(0, attributedString.length) options:0 usingBlock:^(id value, NSRange range, BOOL *stop) {

     if (value) {

        [attributedString addAttribute:NSStrokeWidthAttributeName
                                                 value:[NSNumber numberWithFloat:-3.0] range:range];

        [attributedString addAttribute:NSStrikethroughStyleAttributeName
                                 value:[NSNumber numberWithFloat:0.0] range:range];
      }

}];


[attributedString endEditing];

return attributedString;
}

Answer 2

您应该尝试使用系统字体，以排除您的自定义字体未正确添加到项目中的可能性。

我曾经遇到过同样的问题，但是标签问题。

This answer 为我解决了这个问题。也许这对你有帮助。

编辑：

在how to add custom fonts 上找到一篇非常好的文章到 iOS 应用