Umlaute sind ineinander

Hey ich hab mal ne Frage.
Folgender Css Code

[CODE]html, body {
background-color: #ffffff;
overflow-x: hidden;
margin: 0px;
padding: 0px;
font-family: „Century Gothic“, CenturyGothic, AppleGothic, Calibri, Candara, Segoe, Arial;
cursor: default;
}

@font-face{
font-family: „Century Gothic“;
src: url(‚Century-Gothic.otf‘);
}[/CODE]

Warum sind die Umlaute so komisch ineinander.
http://chor-cantissimo.com/Rainer/index.html#scroll3

Gibt es da einen Grund für?
Wenn ich das @font-face wegnehme ist es übrigens nicht mehr so.
Oder kann ich das @font-face weglassen?

Danke schon mal im Vorraus.

Kann ich nicht bestätigen - siehe Anhang.

[ATTACH]4628[/ATTACH]

[ul]
[li] https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/@font-face [/li][li] https://www.mediaevent.de/font-face-schrift-in-webseiten-laden/ [/li]
[li] https://css-tricks.com/snippets/css/using-font-face/ [/li][li]…[/li][/ul]

http://chor-cantissimo.com/unbenannt.png

Komisch :confused:
Google Chrome neueste Version.

Naja ich lese mir deine Links mal durch.
Danke auf jeden fall

dito - bis auf die Darstellung der Umlaute :cool:

[ATTACH]4630[/ATTACH]

Heute früh war ich mit Firefox unterwegs.

Gibt es denn bei den Google Fonts nichts vergleichbares? Die funktionieren immer und das auch mit Direktverlinkung .

Es gäbe Muli. Aber nachdem ich es ausprobiert habe, sieht es noch lange nicht so schön aus wie Century Gothic.

EDIT:
Doch gibt es:
Didact Gothic
[HTML][/HTML]