用CSS打印出变异的元音

Question

我正在为CSS中的响应表创建表头,如下所示:

td:nth-of-type(1):before { content: "Abfahrtszeitpunkt"; }
td:nth-of-type(2):before { content: "Startort"; }
td:nth-of-type(3):before { content: "Zielort"; }
td:nth-of-type(4):before { content: "Karte"; }
td:nth-of-type(5):before { content: "Bewertung"; }
td:nth-of-type(6):before { content: "Fahrt löschen"; }

但是当我在我的webbrowser中加载这个表时,"ö"没有以正确的方式显示.网侧只打印出带有问号的菱形.我已经尝试用html和javascript修复它,但它不起作用.有没有一种简单的方法来解决我的问题？

Answer 1

没有更多的东西很难具体化,但在某个地方某些东西被解释为一个字符编码实际上它是另一个.确保整个堆栈使用相同的编码(例如UTF-8)非常有用.必要的链接:绝对最低每个软件开发人员绝对必须知道Unicode和字符集(没有借口!)

作为一种变通方法,您可以使用\f6为ö您的CSS(在HTML中,你会使用ö),但是这是一个解决办法,而不是解决方案.解决方案是确保您的文件编码一致,并且您的服务器使用必要的标头为它们提供服务,以说明编码是什么.这是一份清单:

• 选择一种编码.UTF-8是西方文本的一个非常受欢迎的选择,得到了工具的很好支持.
• 您的编辑器和其他内容生成工具:确保他们知道您希望使用UTF-8,而不是操作系统的默认编码(这会有所不同;对于许多现代*nix系统,它是UTF-8或ISO- 8859-1;对于Windows,它是ISO-8859-1或Windows-1252 [ 非常相似]).
• 您的数据库:如果堆栈中有数据库,则需要确保表中的文本列使用正确的编码.
• 您的Web服务器:确保将其设置为提供具有正确完整Content-Type标头的文件,例如Content-Type: text/html; charset=UTF-8(对于HTML文件)
• 我总是将<meta charset="UTF-8">元标记放在headHTML文件的顶部.这主要是因为如果我在浏览器中直接从文件系统打开它们(而不是通过服务器),浏览器就知道我在它们上使用了什么编码.一些HTML编辑器非常聪明,可以查看它并确保它们也可以在指定的编码中工作.