Jump to content
Dein Geheimtipp für perfekte Typografie – Jetzt 40% Rabatt sichern!

Welche Variante von Proxima Nova verwendet CNET.com?

Empfohlene Beiträge

Geschrieben

Hallo,

 

ich rätsel über folgendem Problem: CNET verwendet Proxima Nova mit 17px. Manipuliere ich das CSS, so dass CNET mit 19PX angezeigt wird, kommt etwas das Bild im Anhang hier raus. Setze ich Proxima Nova auf meiner eigenen Website via Typekit ein, wirkt die Schrift deutlich fetter und bei exakt 19px gibt es einen Renderbug, bei dem die Details wie i-Punkte verschwinden und zu einer langgezogenen Linie fast wie ein l werden. Hatte jemand schon mal so ein Problem?

 

 

post-32752-0-97571000-1447400616_thumb.p

Geschrieben

Ich hab’s mal ausprobiert:

post-14085-0-63340800-1447405194_thumb.p

Der Fehler bei 19 px ist reproduzierbar, Screenshot ist aus Photoshop.

 

… und mit verschiedenen Renderoptionen verschwindet der Fehler:

post-14085-0-82433800-1447405472_thumb.p

 

Geschrieben

Nein, sagt mir leider gar nichts bzw. enthält es keine neue Information. :(

 

Irgendwas muss ja bei CNET anders sein, wenn sie bei 19px diesen Renderbug nicht haben? Bei 19.1 ist er weg...

 

Welche Optionen kämen denn überhaupt in Frage...kennt sich jemand mit diesem Open Type aus oder allgemein Font-Styling via CSS abseits der bekannten Optionen wie weight, style etc.

Geschrieben

Webfonts sehen sowieso bei jedem anders aus. ;-)

Aber im Ernst: es kann am Unterschied zwischen PostScript- und TrueType-Outlines liegen, am gegebenenfalls vorhandenen/nicht vorhandenen oder anders definierten Hinting oder es einfach ein anderer Schnitt oder eine andere Version. Die Schrift ist ja schon ein paar Jahre alt und existiert in verschiedenen Varianten. Ein identischer Name alleine sagt noch nix. 

Ich hab mal in den CNET-Font reingeschaut. Der ist Version 2.003 mit Copyright 2005 und 2015 wurde da scheinbar mit FontForge dranrumgeschraubt, was ein bisschen verdächtig ist. 

Geschrieben

Danke. Ausprobiert. Mein Setting ist offenbar Speed, bei

 

 text-rendering: optimizeLegibility;
text-rendering: geometricPrecision; 
 
verändert sich der Text, aber das i wird in beiden Fällen nicht gefixt. Bleibt immer ein durchgezogener Strich und die Schrift wirkt bei 19px deutlich dicker als bei CNET.

Erstelle ein Benutzerkonto oder melde dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Einloggen

Du hast bereits ein Benutzerkonto? Melde dich hier an.

Jetzt anmelden

Unser Typografie-Netzwerk

FDI Type Foundry besuchen
Die Datenbank der Schriftmuster der Welt.
Typography.guru – der englischsprachige Ableger von Typografie.info.
Die besten Typografie-Neuigkeiten aus aller Welt bequem per E-Mail erhalten.
Graublau Slab Pro: Die ausdrucksstarke Ergänzung zur beliebten Graublau Sans.
×
×
  • Neu erstellen...

🍪 Hinweis:

Wir benutzen funktionale Cookies.