Die Entscheidung, Ihre Schriftgrößen entweder in "px " oder " em "-Code beinhaltet , einen Trade-off zwischen asketischen Vorlieben und Lesbarkeit . Ihre Wahl hat viel mit dem Zweck der Website und die werden sich die Seiten zu tun. Betrachten Sie die Vorteile der einzelnen Verfahren und die individuellen Bedürfnisse Ihrer Website , bevor Sie die Methode , die am besten für Ihr Design ist . Vorteile der Suchergebnisse: ' Em'
"em" ist eine Maßeinheit in der Typografie ursprünglich von der Breite einer Kapitalerhöhung M in einer Schrift an einem bestimmten Punkt Größe abgeleitet. Wenn Arial in 10 Punkte entsprechen einem em , dann zwei em gleich 20 Punkte . In Cascading Stylesheets wird die em als skalierbare Einheit eingesetzt werden, wo ein em gleich Ihren Standard- Schriftgröße. Dies erlaubt das Design Hierarchie aufrechtzuerhalten , selbst wenn auf einem Handy oder großen Bildschirm betrachtet . Es ermöglicht auch Benutzern mit Sehbehinderungen , die ihre Standard- Schriftgröße eingestellt haben größere , um die Seite mit allen Schriftarten in der korrekten relativen Größe zu sehen . Das World Wide Web Consortium (W3C) empfiehlt die Verwendung von ems als best practice aufgrund ihrer Skalierbarkeit.
Vorteile der Suchergebnisse: ' Px '
" Px " ist eine Einheit , die ist eine feste Größe . Ein Pixel (px ) gleich ein Pixel auf dem Bildschirm. Die 12- Punkt-Schrift entspricht etwa 16 Pixel . Diese Einheit muss nicht für kleinere mobile Geräte oder für sehbehinderte Benutzer skalieren , aber es hat viele ästhetische Vorteile haben. Es gibt dem Designer die vollständige Kontrolle über die Schriftgröße in der Konstruktion, was bedeutet, dass die Art nicht bekommen außer Verhältnis mit den anderen Design-Elemente auf der Seite sorgt . Wenn Sie Typ in einem Bild haben , mit px ist für die Sicherstellung , dass die Schrift Hierarchie in Ihrem Design gehalten wird , unabhängig von dem Gerät oder auf Ihrer Website im Browser des Benutzers Einstellungen angesehen unerlässlich.
weitere Einrichtungen
Es gibt zwei weitere Optionen zur Einstellung Fonts in CSS: Punkt und Prozent. Punkte , wie Pixel, nicht zu skalieren. Generell 12 Punkt entspricht 100 Prozent. Die Punkte werden auf der gedruckten Schriftgröße , nicht die Größe der Pixel auf dem Bildschirm basiert. Als Ergebnis sind die Messungen nicht gleich.
Prozent , wie EMS, skaliert wird , aber es wird nicht in der gleichen Weise wie EMS zu skalieren. Der Unterschied in der Berechnung der Größe von 200 Prozent und zwei ems hängt vom Browser ab . Allerdings, wenn Sie verrechnen entweder mit ems oder Prozente , kann der Benutzer den Text zu ändern , um eine bessere Größe sein.
Betrachten Audience und Zweck
Wenn Sie entwerfen eine werden Website für einen alten oder jungen Publikum, die Lesbarkeit Probleme haben könnten , ist es wichtig, ein skalierbares Gerät wie ems nutzen . Verwendung EMS ist auch der Schlüssel , wenn Ihre Website auf mobilen Geräten angesehen werden . Allerdings sind , wenn Grafiker Ihr Publikum oder der Zweck der Website ist mehr über die visuelle Ästhetik als über den Inhalt , verwenden Sie eine feste Einheit wie Pixel , um sicherzustellen, dass font Hierarchie in jeder Situation erhalten bleibt.