词典真的好看赏心悦目。和前面的小伙伴提到过的一样，钥匙 
和喇叭 
错位了（iPhone/iPad），微调了一下，供大家参考。
调整后效果：
2 个赞
感谢Hazuki，照着修改了下，测试完全可以用，除了中文字体有点不一样（苹果字体不会装）其他都一样了，不过这不影响了。还有就是发现不用例句发音oald9.2.mdd照样可以有美音的例句发音，可以节省1G多的空间，只是要双击下喇叭。
iOS有两个方法可以解决字体问题：
- 用fonty安装字体：我自己装英文字体一般都没问题，中文字体不一定能行。这个更一劳永逸，之后不需要把字体文件每次都复制一份再指定路径调用。
- 把字体文件放进去并且在css添加指定字体路径：原来css样式开头就有，只是用注释让其失效了，把/* */注释标记去掉，改成你自己路径，比如下面的，是字体文件跟mdx文件同一文件夹。
@font-face{ font-family:Optima; src:local(Optima),url(Optima.ttf) }
@font-face{ font-family:Optima; src:local(Optima),url(Optima-Bold.ttf); font-weight:700 }
@font-face{ font-family:Optima; src:local(Optima),url(Optima-Italic.ttf); font-style:italic }
@font-face{ font-family:Bookerly; src:local(Bookerly),url(Bookerly-Regular.ttf) }
@font-face{ font-family:Bookerly; src:local(Bookerly),url(Bookerly-Bold.ttf); font-weight:700 }
@font-face{ font-family:Bookerly; src:local(Bookerly),url(Bookerly-Italic.ttf); font-style:italic }
@font-face{ font-family:Bookerly; src:local(Bookerly),url(Bookerly-BoldItalic.ttf); font-style:italic; font-weight:700 }
感谢ppxia大哥指导，方法2确实可行，且方便不需要另外安装软件，英文字体显示没问题。
今晚逛了一下才发现其他人已经解决过了，并且有更多的修改细节（比如单词头顶上那个词性，偏移太高了），还提供了修改后的 css 文件。
我用了这个版本之后没太大问题，就是喇叭的点击大小容易误触，所以还是一样设置成两倍 width: 2em !important;，然后高度个人感觉偏高了一丢丢，所以下调了一点 top: 0.05em;，修改位置参考上面回复的图2。
修改后效果：
谢谢 Hazuki指路，这个修复了更多细节。
不知道有没有人可以把用oald10 的mdx套上这个 css 和 js
1 个赞