调整CSS使OSXChrome打印Emoji
Adjust CSS to make OSX Chrome Print Emoji
我无法在 OSX 上获得 Chrome 来打印表情符号，是否有任何 css 技巧或其他？
这里有 2 个表情符号：
这是 Chrome 上此页面的打印预览截图：
在问题评论中进行了大量对话后，您似乎遇到了字体渲染问题（可能是 Chrome 错误）。我认为这不能通过 HTML、CSS 或 Javascript.
的任意组合来解决
但是，可以选择不使用字体来解决此问题。
您可以使用 vector image like SVG 来获得与字体相同的缩放功能：
- SVG for
</code>THUMBS UP SIGN</a> Unicode 字符</li>
<li><a href="http://www.fileformat.info/info/unicode/char/1f1e6/regional_indicator_symbol_letter_a.svg" rel="nofollow">SVG for <code> REGIONAL INDICATOR SYMBOL LETTER A Unicode 字符
- SVG for
</code> REGIONAL INDICATOR SYMBOL LETTER T</a> Unicode 字符</li>
<li><a href="https://upload.wikimedia.org/wikipedia/commons/8/87/Symbol_thumbs_up.svg" rel="nofollow">SVG for <WBIMG:3417490-1.svg> Thumbs up sign</a></li>
<li><a href="https://upload.wikimedia.org/wikipedia/commons/4/41/Flag_of_Austria.svg" rel="nofollow">SVG for <WBIMG:3417490-2.svg> Austrian flag</a></li>
</ul>
<p>只需 link 将 SVG 作为图像并根据需要在 HTML 或 CSS 中指定其尺寸。</p>
<p></p>
<p>通过一些工作，您可以通过使用已知图像的字典自动将 user-generated 表情符号转换为图像，并使用 FileFormat.Info 处的 SVG 或表情符号 PNG 补充缺失。他们有一个用于 PNG 的 <a href="http://www.fileformat.info/info/emoji/list.htm" rel="nofollow">list of emojis</a> you could scrape (assuming it's not a violation of <a href="http://www.fileformat.info/about/tos.htm" rel="nofollow">their terms of service</a>) 以及一个用于每个字符（表情符号或其他）的 SVG，这可以从字符代码中获得。例如，这里是 U+1f44d (<code>):
http://www.fileformat.info/info/unicode/char/1f44d
它将是页面上唯一的 SVG link，因此您可以在 JS 中执行此操作：
var svg_src = fileformat_info.querySelector('a[href$=".svg"]').href;
也就是说，拥有这个 ready-made 比从头开始创建要好得多。 suggesting twemoji 看起来很有希望。
也许 是 一个 CSS-only 解决方法：我还在别处读到，您可以通过 正确打印这些字符（也许所有字体和文本操作？也许只是让字体变大？）。这可能取决于客户端系统上安装的字体。
这是由于 rendering difference between Chrome and Safari，我不会将其命名为错误，因为我不相信预期行为是在任何地方定义的（顺便说一句，Firefox 在渲染表情符号时也有问题）。
如果您想要跨所有平台的完整而简单的表情符号支持，您可以使用 twemoji，这是 Twitter 为满足这一特定需求而开发的一个小型库。
我无法在 OSX 上获得 Chrome 来打印表情符号，是否有任何 css 技巧或其他？
这里有 2 个表情符号：
当我尝试打印此页面时，表情符号 space 被保留，但它是白色的。在 Safari 中打印表情符号效果很好。
这是 Chrome 上此页面的打印预览截图：
在问题评论中进行了大量对话后，您似乎遇到了字体渲染问题（可能是 Chrome 错误）。我认为这不能通过 HTML、CSS 或 Javascript.
的任意组合来解决但是，可以选择不使用字体来解决此问题。
您可以使用 vector image like SVG 来获得与字体相同的缩放功能：
- SVG for
</code>THUMBS UP SIGN</a> Unicode 字符</li> <li><a href="http://www.fileformat.info/info/unicode/char/1f1e6/regional_indicator_symbol_letter_a.svg" rel="nofollow">SVG for <code>REGIONAL INDICATOR SYMBOL LETTER A Unicode 字符 - SVG for
</code> REGIONAL INDICATOR SYMBOL LETTER T</a> Unicode 字符</li> <li><a href="https://upload.wikimedia.org/wikipedia/commons/8/87/Symbol_thumbs_up.svg" rel="nofollow">SVG for <WBIMG:3417490-1.svg> Thumbs up sign</a></li> <li><a href="https://upload.wikimedia.org/wikipedia/commons/4/41/Flag_of_Austria.svg" rel="nofollow">SVG for <WBIMG:3417490-2.svg> Austrian flag</a></li> </ul> <p>只需 link 将 SVG 作为图像并根据需要在 HTML 或 CSS 中指定其尺寸。</p> <p></p> <p>通过一些工作，您可以通过使用已知图像的字典自动将 user-generated 表情符号转换为图像，并使用 FileFormat.Info 处的 SVG 或表情符号 PNG 补充缺失。他们有一个用于 PNG 的 <a href="http://www.fileformat.info/info/emoji/list.htm" rel="nofollow">list of emojis</a> you could scrape (assuming it's not a violation of <a href="http://www.fileformat.info/about/tos.htm" rel="nofollow">their terms of service</a>) 以及一个用于每个字符（表情符号或其他）的 SVG，这可以从字符代码中获得。例如，这里是 U+1f44d (<code>):http://www.fileformat.info/info/unicode/char/1f44d它将是页面上唯一的 SVG link，因此您可以在 JS 中执行此操作：
var svg_src = fileformat_info.querySelector('a[href$=".svg"]').href;也就是说，拥有这个 ready-made 比从头开始创建要好得多。
也许 是 一个 CSS-only 解决方法：我还在别处读到，您可以通过
![SVG for </code> REGIONAL INDICATOR SYMBOL LETTER T</a> Unicode 字符</li> <li><a href="https://upload.wikimedia.org/wikipedia/commons/8/87/Symbol_thumbs_up.svg" rel="nofollow">SVG for <WBIMG:3417490-1.svg> Thumbs up sign</a></li> <li><a href="https://upload.wikimedia.org/wikipedia/commons/4/41/Flag_of_Austria.svg" rel="nofollow">SVG for <WBIMG:3417490-2.svg> Austrian flag</a></li> </ul> <p>只需 link 将 SVG 作为图像并根据需要在 HTML 或 CSS 中指定其尺寸。</p> <p></p> <p>通过一些工作，您可以通过使用已知图像的字典自动将 user-generated 表情符号转换为图像，并使用 FileFormat.Info 处的 SVG 或表情符号 PNG 补充缺失。他们有一个用于 PNG 的 <a href="http://www.fileformat.info/info/emoji/list.htm" rel="nofollow">list of emojis</a> you could scrape (assuming it's not a violation of <a href="http://www.fileformat.info/about/tos.htm" rel="nofollow">their terms of service</a>) 以及一个用于每个字符（表情符号或其他）的 SVG，这可以从字符代码中获得。例如，这里是 U+1f44d (<code>): http://www.fileformat.info/info/unicode/char/1f44d 它将是页面上唯一的 SVG link，因此您可以在 JS 中执行此操作： var svg_src = fileformat_info.querySelector('a[href$=".svg"]').href; 也就是说，拥有这个 ready-made 比从头开始创建要好得多。 suggesting twemoji 看起来很有希望。 也许 是 一个 CSS-only 解决方法：我还在别处读到，您可以通过 正确打印这些字符（也许所有字体和文本操作？也许只是让字体变大？）。这可能取决于客户端系统上安装的字体。](http://www.fileformat.info/info/unicode/char/1f1f9/regional_indicator_symbol_letter_t.svg){kind=link}
这是由于 rendering difference between Chrome and Safari，我不会将其命名为错误，因为我不相信预期行为是在任何地方定义的（顺便说一句，Firefox 在渲染表情符号时也有问题）。
如果您想要跨所有平台的完整而简单的表情符号支持，您可以使用 twemoji，这是 Twitter 为满足这一特定需求而开发的一个小型库。