Unicode 中的软连字符不呈现

Question

我创建了一组 CSS 实用程序，用于将 html 实体渲染为图标，其中大部分都在渲染。

我在使用软连字符实用程序时遇到问题。它根本没有渲染。这是代码（我会把它放在版权标志旁边，只是为了对比而呈现）：

    .u-icon-soft-hyphen::before {
        content: '[=10=]0AD' !important;
    }

    .u-icon-copyright-sign::before {
        content: '[=10=]0A9' !important;
    }

This is the test。如果您搜索 u-icon-soft-hyphen，您会发现它没有呈现。

想法？

Answer 1

软连字符不应该像那样按需显示。来自 Wikipedia:

[The soft hyphen] serves as an invisible marker used to specify a place in text where a hyphenated break is allowed without forcing a line break in an inconvenient place if the text is re-flowed. It becomes visible only after word wrapping at the end of a line.

Unicode 中的软连字符不呈现

Soft Hypen in Unicode Not Rendering

html

css

unicode

html-entities

web