Googlefonts: Ändern Sie die Schriftart nur für nur ein Zeichen auf der gesamten Website

Chaz DeSimoneIch weiß nicht, wie das passiert ist, aber jedes Vorkommen des kaufmännischen Und auf meiner Website ist in einer bestimmten Schriftart und einem bestimmten Stil (so etwas wie Times Roman kursiv). Auf meiner Website dreht sich alles um kaufmännische Und-Zeichen, daher ist dies am besten geeignet. Aber ich habe keine Ahnung, wie alle kaufmännischen Und-Zeichen durch nur eine Schriftart und einen Stil ersetzt wurden. Ich verwende für den größten Teil des Textes ein paar Googlefonts, aber das kaufmännische Und stammt von einer bestimmten Schriftart, egal wo es erscheint.

Sie finden es unter http://amperart.com

Vor Monaten erschien es plötzlich überall auf der Seite als schickes, geschweiftes kaufmännisches Und (wie Garamond Italic), was wirklich cool war, also habe ich es einfach gelassen -- "Wenn es nicht kaputt ist, repariere es nicht" -- aber jetzt ist es nur ein römisches kaufmännisches Und. Den anderen würde ich gerne zurückgeben, da die Extravaganz angemessen ist. Natürlich bin ich auch neugierig, wie man auf einer Website nur ein Zeichen in eine bestimmte Schriftart und einen bestimmten Stil ändern kann. (Die Größe passt sich der umgebenden Schriftgröße an.)

Wirklich verblüfft bei diesem. Habe schon überall gesucht. Ihr Menschen seid die Größten. (Ich bin Typograf aus den Tagen des Pings – „Spilling“ für die Kinder, die den Begriff noch nie gehört haben – Handset-Typen überall in der Werkstatt, aber wenn es auf einer Website „spiced“ wird, bin ich verloren.)

Danke & nochmals danke.

Höchstwahrscheinlich nicht verwandt, aber Ihr HTML scheint einige Fehler zu haben: validator.w3.org/nu/?doc=http%3A%2F%2Famperart.com%2F

Antworten (2)

Dieser Teil Ihres Codes ...

.amp {
    font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
    font-weight: normal;
    font-style: italic;
    font-size: 1.1em;
    line-height: 1em;
}

Kontrollieren Sie die kaufmännischen Und-Zeichen ... Beobachten Sie, wie sich die kaufmännischen Und-Zeichen ändern, wenn ich das CSS ein- und ausschalte ....

Geben Sie hier die Bildbeschreibung ein

Wenn Sie ihre Schriftart ändern möchten, ändern Sie diese CSS-Eigenschaft. Da keine der im CSS angegebenen Schriftarten "sichere" plattformübergreifende Schriftarten oder Web-Schriftarten sind, hängen sie vollständig davon ab , welche Schriftarten ein Benutzer auf seinem System aktiv hat.

Kurz gesagt, Sie haben kaufmännische Und-Zeichen so eingestellt, dass sie in einer von 6 Schriftarten angezeigt werden, je nachdem, was der Benutzer auf seinem System hat. Du kontrollierst sie nicht wirklich in hohem Maße.

Ich nehme an, alle kaufmännischen Und-Zeichen sind in eine Spanne mit einer Klasse eingeschlossen, weil Sie sie besser kontrollieren möchten .

Dem kann man nicht widersprechen!

Scott erklärte das „Warum“; Das liegt daran, dass Sie Schriftarten verwenden, die nicht jeder Benutzer auf seinem Computer hat. Sie haben nicht nur einen Unterschied bemerkt, sondern Sie würden wahrscheinlich noch mehr Unterschiede bemerken, wenn Sie ein paar verschiedene Plattformen ausprobieren würden.

So sieht es bei mir aus:

Ihr Text ist in Georgia und das kaufmännische Und verwendet Baskerville (für mich), könnte aber "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro" verwenden!

Beispiel

Es ist einfach zu beheben, Sie haben sogar eine CSS-Klasse für das kaufmännische Und allein; Sie müssen es nur einmal in Ihrem Stylesheet ändern und es wird überall aktualisiert.

Wenn Sie möchten, dass es für alle gleich aussieht, können Sie Ihre CSS-Klasse ".amp" in einen Webfont ändern , den Sie mögen. ODER entfernen Sie einfach die angegebenen Schriftarten für diese AMP-Datei, wenn Sie möchten, dass sie dieselbe Schriftart wie der Rest des Textkörpers oder Ihre Standard-Site-Schriftart verwendet.

Vorschläge für Google-Schriftarten

Was Sie verwenden müssen:

Selbst wenn Sie eine Google-Schriftart verwendet haben, müssen Sie dennoch auf Ihre Website verweisen, wo sie gefunden wird. Sonst funktioniert die Schriftart nicht. Es wird nicht empfohlen, viele Webfonts zu verwenden. Ich weiß nicht, was der Standard anderer ist, aber die Verwendung von 2-3 sollte in Ordnung sein.

Installieren Sie Google-Schriftarten

Selbst wenn Sie " sichere Schriftarten " verwenden, unterscheiden sie sich ebenfalls und einige sind nur Mac oder PC. Wenn der Benutzer keine der von Ihnen vorgeschlagenen Schriftarten hat, wird die "Standard-Sans-Serif" verwendet, und dies kann zum Beispiel Tahoma oder Geneva oder "Sans-Serif" sein (z. B. vielleicht sogar mit Arial enden); Sie haben keine Kontrolle darüber, welche. Stellen Sie sicher, dass das Äquivalent zu Ihrem CSS hinzugefügt wird.

Da Sie ein Typograf sind, möchten Sie diesen Aspekt vielleicht kontrollieren!


PS: Ist es IHR Kopf auf dem kaufmännischen Und-Bild? Bestes "Bio"-Bild aller Zeiten!