请教各位，在这个CSS中 如何把发音图标放正？或者给个自学教程也行，谢谢了

技术交流与词典编修
1

请教各位，在这个CSS中 如何把发音图标放正？

目前只有一个韦氏高阶英汉双解词典V3.1.2.mdx和CSS文件。
其他的都没有……

1080×2388 300 KB

也就是这段代码content后面的 16进制字符
/* pronunciation icon */
.play_pron>img[src$=“sound.png”] { display: none; }
.play_pron::before { line-height: 1; display: inline; content: “\1F50A”; vertical-align: -.0625rem; }
.play_pron:not([data-word])::after { content: “\00a0”; }
.play_pron:link, .play_pron:visited { color: black; }
.play_pron:hover, .play_pron:active { color: #D40218; }

mwa.css (229.0 KB)
链接1: https://pan.baidu.com/s/1egVd5SToYWDLsiXzPwCzlw?pwd=free 提取码: free
链接2:韦氏高阶英汉双解词典V3.1.2.mdx官方版下载丨最新版下载丨绿色版下载丨APP下载-123云盘

2

html + css + sound.png 要一起提供。

3

音标图片从mdd提取出来，旋转，然后放进去

4

谢谢回复，目前帖子不能编辑了……
目前只有一个韦氏高阶英汉双解词典V3.1.2.mdx和CSS文件。
其他的都没有……

5

谢谢回复
目前只有一个韦氏高阶英汉双解词典V3.1.2.mdx和CSS文件。
目前没有mdd文件……

6

是 喇叭Emoji 符号 :speaker:。
不同字体，显示结果可能不同。
你可以尝试指定另一字体。
也可以找张图片，挑个喜欢的，直接扔到 和mdx同一目录
如果要放图片，记得修改

7

这个是字体问题，但也可以这样改下，样式文件增加一行：

.play_pron {
    transform: rotate(45deg) !important;
}
8

much appreciation

9

much appreciation
It works perfectly!

1 Like
10

好像应该用 Much Appreciated

11

没有mdd文件，就不能发音。mdd文件里还有图片。mdd可以从这里下载：