# 重新设计的现代风格 CSS 现已正式发布（2023.10.20更新）

**URL:** <https://forum.freemdict.com/t/topic/16055>\
**Category:** 词典装饰排版交流分享\
**Tags:** css, 改版\
**Created:** [2022 年10 月 7 日 10:15 UTC](https://forum.freemdict.com/t/topic/16055 "2022-10-07T10:15:57Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

作者： ![startle](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/startle/32/22231_2.png) [@startle](https://forum.freemdict.com/u/startle)\
发布日期： [2022 年10 月 11 日 11:58 UTC](https://forum.freemdict.com/t/topic/16055/43 "2022-10-11T11:58:57Z")

</div>

其实我之前也有过宋体与黑体的比较。

比起黑体，经过精心设计的宋体天然拥有古典的气息，用于显示大面积中文文本会给人以精致的感觉。

思源宋体是中文宋体中极出色的存在，它的中宫更大，中心更低，整体风格现代化程度高。

关于屏显字体：我倒认为恰恰相反，在高 PPI 设备上，得益于高密度的像素点，经过精心设计的宋体拥有完全不弱于黑体的显示效果与阅读体验，在某些场合甚至会优于黑体。  
但是在低 PPI 设备上使用任何宋体，体验绝不会太好，无论技术再怎么弥补，也始终无法抵消物理上的缺陷。

> ① 高 PPI 设备：主要指手机平板、4K 及以上显示器。  
> ② 经过精心设计的宋体：当然不包括 Windows 自带的中易宋体啦~那家伙已经廉颇老矣，再怎么修补也不能符合现代审美的超高要求了。  
> ③ 低 PPI 设备：主要指 20 寸以上 2K、12 寸以上 1080P 的显示器。

除了显示问题，黑体能够支持的字符集也是需要考虑的重要因素。在我的印象里，黑体好像并未有任何一款超大字符集字体，而汉语词典不可避免地会用到 Unicode CJK Unified Ideographs Extension B、C、D、E 甚至 F、G 区的字符，如果混合使用宋体与黑体，势必会导致风格的不统一。

---

<div class="post-metadata">

作者： ![naisme](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/n/ac91a4/32.png) [@naisme](https://forum.freemdict.com/u/naisme)\
发布日期： [2022 年10 月 11 日 12:02 UTC](https://forum.freemdict.com/t/topic/16055/44 "2022-10-11T12:02:56Z")

</div>

方正屏显雅宋，华文屏显宋体，方正屏显兰亭宋  
次之：方正公文系列有仿宋，楷体  
黑体选择很多，汉仪旗黑，苹方等  
以上字体都是GBK或GB18030

---

<div class="post-metadata">

作者： ![naisme](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/n/ac91a4/32.png) [@naisme](https://forum.freemdict.com/u/naisme)\
发布日期： [2022 年10 月 11 日 12:06 UTC](https://forum.freemdict.com/t/topic/16055/45 "2022-10-11T12:06:55Z")

</div>

个人一直在瞎搞字体，不强求大家一致的想法。  
高PPI用宋体有其魅力，正文中避免混用黑体与宋体，所言甚是！

---

<div class="post-metadata">

作者： ![hahaya](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/h/77aa72/32.png) [@hahaya](https://forum.freemdict.com/u/hahaya)\
发布日期： [2022 年10 月 11 日 13:16 UTC](https://forum.freemdict.com/t/topic/16055/46 "2022-10-11T13:16:58Z")

</div>

> [@hahaya](#):
>
> 比如截图这个top banana，释义和例句的译文都是机器翻译的：
> 
> ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/3/0/308f001bf65783a0a407fe84958a3ec85b099413.png)

用了今天更新的文件，top banana的释义仍缺少AI标记，发音图标仍然不显示：

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/6/c/6c17d57f93372b40f4c775e545c062044d912a00.png)

---

<div class="post-metadata">

作者： ![startle](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/startle/32/22231_2.png) [@startle](https://forum.freemdict.com/u/startle)\
发布日期： [2022 年10 月 11 日 13:53 UTC](https://forum.freemdict.com/t/topic/16055/47 "2022-10-11T13:53:55Z")

</div>

已经支持使用黑体啦，请查收！  
v1.2.0 支持使用黑体（MiSans VF）作为主要字体。

> 你需要确保 `采用黑体_现汉大、成语词典、古汉.css` 与 `现代汉语词典7_黑体.css` 与原 CSS 一起存在于 mdx 的同级目录。

---

<div class="post-metadata">

作者： ![startle](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/startle/32/22231_2.png) [@startle](https://forum.freemdict.com/u/startle)\
发布日期： [2022 年10 月 11 日 13:54 UTC](https://forum.freemdict.com/t/topic/16055/48 "2022-10-11T13:54:34Z")

</div>

在 v1.2.0 已修复此问题，请查收。

---

<div class="post-metadata">

作者： ![naisme](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/n/ac91a4/32.png) [@naisme](https://forum.freemdict.com/u/naisme)\
发布日期： [2022 年10 月 11 日 15:14 UTC](https://forum.freemdict.com/t/topic/16055/49 "2022-10-11T15:14:20Z")

</div>

心胸宽广，且有自己判断，乐于分享，让人佩服。  
我自己随意说了几句，让你如此细致又及时应对， 👍

---

<div class="post-metadata">

作者： ![hahaya](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/h/77aa72/32.png) [@hahaya](https://forum.freemdict.com/u/hahaya)\
发布日期： [2022 年10 月 11 日 17:08 UTC](https://forum.freemdict.com/t/topic/16055/50 "2022-10-11T17:08:27Z")

</div>

多谢楼主及时修复！！赞一个~~

---

<div class="post-metadata">

作者： ![hahaya](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/h/77aa72/32.png) [@hahaya](https://forum.freemdict.com/u/hahaya)\
发布日期： [2022 年10 月 11 日 17:20 UTC](https://forum.freemdict.com/t/topic/16055/51 "2022-10-11T17:20:00Z")

</div>

现在可以显示BrE和NAmE了，但没有发音按钮，无法点击发音了。  
除了top banana，不知道是否还有其他词条的释义也采用机器翻译的译文。是否全面排查过释义采用机器翻译译文的情况了呢

---

<div class="post-metadata">

作者： ![xiaorena](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/xiaorena/32/38902_2.png) [@xiaorena](https://forum.freemdict.com/u/xiaorena)\
发布日期： [2022 年10 月 12 日 02:00 UTC](https://forum.freemdict.com/t/topic/16055/52 "2022-10-12T02:00:50Z")

</div>

有哪位好心人贴个楼主牛津10 v13.2的链接，找了一个好像是tab版不适配 🥲

---

<div class="post-metadata">

作者： ![路人甲](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E8%B7%AF/96bed5/32.png) [@路人甲](https://forum.freemdict.com/u/%E8%B7%AF%E4%BA%BA%E7%94%B2)\
发布日期： [2022 年10 月 12 日 03:23 UTC](https://forum.freemdict.com/t/topic/16055/53 "2022-10-12T03:23:13Z")

</div>

本坛，一楼，链接2依然有效。[转更新链接--牛津高阶英汉词典第10版v13.2](https://forum.freemdict.com/t/topic/7038)

---

<div class="post-metadata">

作者： ![xiaorena](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/xiaorena/32/38902_2.png) [@xiaorena](https://forum.freemdict.com/u/xiaorena)\
发布日期： [2022 年10 月 12 日 05:20 UTC](https://forum.freemdict.com/t/topic/16055/54 "2022-10-12T05:20:25Z")

</div>

非常谢谢 😃

---

<div class="post-metadata">

作者： ![lisansas](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/lisansas/32/28149_2.png) [@lisansas](https://forum.freemdict.com/u/lisansas)\
发布日期： [2022 年10 月 12 日 13:37 UTC](https://forum.freemdict.com/t/topic/16055/55 "2022-10-12T13:37:01Z")

</div>

其实win10有办法支持国旗emoji。

> **[GitHub - 13rac1/twemoji-color-font: Twitter Unicode emoji color OpenType-SVG...](https://github.com/13rac1/twemoji-color-font)**
>
> Twitter Unicode emoji color OpenType-SVG font for Linux/MacOS/Windows - GitHub - 13rac1/twemoji-color-font: Twitter Unicode emoji color OpenType-SVG font for Linux/MacOS/Windows

把这个字体放在同级目录能解决问题吗？

我是直接替换了系统的font所以可以显示。

---

<div class="post-metadata">

作者： ![startle](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/startle/32/22231_2.png) [@startle](https://forum.freemdict.com/u/startle)\
发布日期： [2022 年10 月 13 日 02:42 UTC](https://forum.freemdict.com/t/topic/16055/56 "2022-10-13T02:42:37Z")

</div>

确实是有办法的，只不过需要安装第三方 Emoji 字体罢了。  
或许你也可以试试 Noto Color Emoji。我写的 css 中明确支持了 Noto Color Emoji、Apple Color Emoji，所以不需要其他操作。

---

<div class="post-metadata">

作者： ![sculiuchang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/s/d2c977/32.png) [@sculiuchang](https://forum.freemdict.com/u/sculiuchang)\
发布日期： [2022 年10 月 13 日 05:15 UTC](https://forum.freemdict.com/t/topic/16055/57 "2022-10-13T05:15:34Z")

</div>

出14.3版本了吗？

---

<div class="post-metadata">

作者： ![sculiuchang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/s/d2c977/32.png) [@sculiuchang](https://forum.freemdict.com/u/sculiuchang)\
发布日期： [2022 年10 月 13 日 14:05 UTC](https://forum.freemdict.com/t/topic/16055/58 "2022-10-13T14:05:38Z")

</div>

13.2用了，好像不起作用！

---

<div class="post-metadata">

作者： ![NeiL978](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/neil978/32/35374_2.png) [@NeiL978](https://forum.freemdict.com/u/NeiL978)\
发布日期： [2022 年10 月 13 日 15:22 UTC](https://forum.freemdict.com/t/topic/16055/59 "2022-10-13T15:22:07Z")

</div>

這個好漂亮 😍  
請問歐路字典能用這個嗎？？  
放上去好像沒有變化

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/4/f/4fdb599f0f6bc73c39d1c667b40040b96a7ab21b.jpeg)

---

<div class="post-metadata">

作者： ![hahaya](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/h/77aa72/32.png) [@hahaya](https://forum.freemdict.com/u/hahaya)\
发布日期： [2022 年10 月 13 日 17:25 UTC](https://forum.freemdict.com/t/topic/16055/60 "2022-10-13T17:25:27Z")

</div>

> [@hahaya](#):
>
> 但没有发音按钮，无法点击发音了

找到解决办法了，oald10.js里的显示发音按钮选项默认是false，改为true即可：

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/f/e/fe1a05f5bb1af9d3930de0343b8d0384fc1ac938.png)  
 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/2/8/2896e8801b7a404f3bf08df6ba5a2d6b2f73a78b.png)

---

<div class="post-metadata">

作者： ![sxgg0001](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/sxgg0001/32/83045_2.png) [@sxgg0001](https://forum.freemdict.com/u/sxgg0001)\
发布日期： [2022 年10 月 14 日 00:14 UTC](https://forum.freemdict.com/t/topic/16055/61 "2022-10-14T00:14:49Z")

</div>

能分享下吗？

---

<div class="post-metadata">

作者： ![startle](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/startle/32/22231_2.png) [@startle](https://forum.freemdict.com/u/startle)\
发布日期： [2022 年10 月 15 日 04:57 UTC](https://forum.freemdict.com/t/topic/16055/62 "2022-10-15T04:57:10Z")

</div>

你试试更新牛津 10 词典到最新版本呢？

[上一页](https://forum.freemdict.com/t/topic/16055.md?page=2)

[下一页](https://forum.freemdict.com/t/topic/16055.md?page=4)
