light
|
||
dark
|
||
移动端还不支持拼音的展示
link: https://aspoem.com
Firefox Android 打开该网站，能看到拼音，不过拼音与汉字重叠在一起了。
另外，个人认为可以把作者名字的渐变效果去掉，否则字小的时候看看起来像某些笔画没加载出来。
最后冒昧地问一句，您这个网站里面的注音有经过考证吗？很多古诗文中汉字的读音和现代汉语是有区别的，而且可能到现在官方也没有定论。
不少这样的情况.
测试浏览器为;
Chromium 121
Chromium 102
Microsoft Edge 117
手机浏览器的话, 拼音和文字重叠了.
测试URL 地址 : 遣悲怀·闲坐悲君亦自悲@元稹·唐 拼音、注解、译文（白话文）- 现代化中国诗词学习网站
移动端还能看到拼音可能是适配不到位，可以把?py=t的url删除，这个还未处理。
作者的地方正有此意，感觉还是不能再某些地方去秀技能。
拼音没有经过考证，目前数据只包含了唐诗300首和宋词300首，还是网上直接扒的，发现了很多问题，搜索几个诗词网站/百科，也手动改了好多了，只能慢慢手动改了。
后面还是会以UI展示为主，先把网站整体完成了，再去考证。
知道了，可能是直接在移动端打开了，拼音显示的连接。
目前移动端的拼音还没有支持，但是没做容错处理。
不是移动端.
我的三个浏览器是pc版的.
pc版是声调左右错位.
手机版是拼音上下错位.不一样.
1 个赞
就只说了 Chrome 系浏览器的问题。所以是作者误解了，其实只有 Firefox PC 正常适配拼音字体。
Firefox：
Edge：
查看页面结构：
↑可以看出是就是直接使用的拼音字母“ǎ”，音调和字母就是属于一完整字符。
其样式 font-family 是“ui-serif, Georgia, Cambria, Times New Roman, Times, serif”，Firefox 默认使用了 Cambria，但手动改成 Georgia、Consolas、Arial 等，声调都是能正常显示；
而在 Edge 中，默认使用了 Georgia 字体，声调就错位了，而手动改成 Consolas 或者 Cambria 就没错位了：
明显这还是那些浏览器对字体渲染不用心的锅。
感谢感谢，我去下载个edge测试一波。看来很多浏览器还是有很多问题，不只是safari ，可能每个版本的字体都会影响显示。需要更多的测试案例，才能覆盖完全。