是否有一种优雅的方式来处理支持使用单词的多个字体

eco*_*tin 1 html javascript css fonts

我刚收到一位平面设计师的简介,他希望在网页上的大部分文字中使用font-X,但也选择对某些特定字符(e,k,l,s)使用font-Y.

除非有一个技巧我不知道处理这个,这似乎是一个正确的痛苦......

如果这是一个无法更改为"每个单词只有单字体"的要求,那么有一种优雅的方法可以解决这个问题吗?

从最终的HTML角度来看,代码似乎需要像

<div class="use_font_x">
    H<span class="use_font_y">ell</span>o Wor<span class="use_font_y">l</span>d<span class="use_font_y">s</span>
</div>
Run Code Online (Sandbox Code Playgroud)

我在想一些javascript/jquery可以用来获取font-X的DOM元素,然后解析它们并添加跨越需要font-Y的特殊字符?

或者也许有一些CSS指令来指示哪些字体应该用于特定字符(一厢情愿?:)

谢谢

Tho*_*asM 5

为了避免痛苦,我会(让图形设计师)设计一个混合两种字体的自定义字体文件.没有你在痛苦的世界里,我看不到其他任何解决方案;)