Helvetica vs Arial – czym się między sobą różnią te kroje?

Jak samodzielnie stworzyć taby na stronę? CSS/jQuery

Czy potrafisz rozróżnić między sobą font Helvetica i Arial? Jesteś tego w 100% pewien brew pozorom nie jest to takie proste.

Trochę informacji o Foncie Helvetica

Krój Helvetica została zaprojektowany w 1957 roku przez Maxa Medingera. Od tego czasu stał się jednym z najpopularniejszych fontów na świecie.

Helvetica została opracowana na potrzeby Szwajcarskiej firmy Haas’sche Schriftgießerei. Co ciekawe powstał na bazie fontu Akzidenz-Grotesk. Pierwotnie Helvetica miała się nazywać Neue Haas Grotesk (co miało podkreślić jej pochodzie). Jednak ostatecznie odeszli od tego pomysłu i zdecydowali się na nazwę nawiązującą do rzymskiej nazwy terenów Szwajcarii czyli Helwecji.

Z pomocą Helvetiki oraz jej zmodyfikowanych wersji powstało wiele znanych logotypów takich jak: logo Jeepa, Harleya Davidsona, Lufthansa, American Apparel czy American Airlines. Mimo upływu lat font nie traci na popularności – spotkać go można w przestrzeni publicznej w tym również na lotniskach.

Powstanie Fontu Arial

Kroju Arial powstał w 1982 na potrzeby pierwszych wielkoformatowych laserowych drukarek kserograficznych. Jego twórcami byli Robin Nicholas i Patrycia Saunders dla firmy Monotype Typography.

My jednak głównie kojarzymy go systemu operacyjnego MS Windows®. Gdzie w wielu przypadkach jest to podstawowy font.

Kontrowersje wokół Arial

Pierwowzorem dla Arial była Helvetica. Arial został stworzony zastąpić z myślą by nim swojego płatnego odpowiednika. Mamy więc taką samą szerokość liter i światła. Zabieg ten zastosowano w celu swobodnego przejścia w projekcie zawierającym Helveticę na krój na Arial bez jakichkolwiek zmian w układzie tekstu.

W przeciwieństwie jednak do Helvetica uznawanej za idealny krój tekstu, Arial nie spotkał się już z takim zachwytem. A w ręcz z krytycznym odbiorem – nie tylko ze względu na bycie kopią, wariantem.

Sprawdź  Rozmiar fontu na stronie - <font>, font-size

Trudno się temu dziwić Arial stanowi prawię idealną kopię Helvetica. Różnice pomiędzy oboma krojami są znikome. Można nawet zarzucić twórcą Arial prawie idealne skopiowanie kroju:

Helvetica vs Arial
Helvetica vs Arial

To tylko przykładowe litery i cyfry zapisane w Helvetica i Arial. Na pierwszy rzut oka widać podobieństwo między oboma fontami. Jednak jeśli się dobrze przyjrzeć można dostrzec dość charakterystyczny różnice jak:

  • wygląd dużej literki G (w Helvetica ma dodatkową kreseczkę)
  • ogonek małego a
  • kształt liczby 1

Litery w foncie Arial są też bardziej zaokrąglone niż Helvetica.

porównanie arial i helvetica
źródło: Arial Vs. Helvetica https://www.glbrain.com/index.php?r=content/view&id=39461

Jeżeli uważacie, ze umiecie odróżnić między sobą oba kroje zapraszam do testu.

Odpowiedz na to dlaczego twórcy zdecydowali się na prawie idealne odwzorowanie kroju jest bardzo proste. I podałam ją już powyżej, brakuje wam tylko jednej informacji, którą jest sposób licencjonowania Helvetica. Krój ten bowiem jest płatny (darmowa wersja tylko w urządzeniach Apple).

Jak sprawa ma się dzisiaj?

Z pewnością dzisiaj to właśnie Arial jest najpopularniejszym fontem – dostępny jest prawie na każdym komputerze. Nie mniej jednak w kręgach grafików prym wiedzie w dalszym ciągu Helvetica.

Kiedy przygotowywałam się do tego wpisu chciałam stworzyć porównanie obu krojów. I przyznam, że trochę się zdziwiłam.

Bardzo dobrze pamiętam jak kiedyś edytując gotowe szablony stron internetowych napotykałam font Helvetica jako ten podstawowy. Jednak dziś mam wątpliwości czy rzeczywiście wyświetlany tekst był napisany w tym kroju. By font (czcionka elektroniczna) poprawnie się wyświetlała musi być zaimplementowana w kodzie witryny lub osoba, która otwiera stronę musi mieć ją zainstalowaną na swoim urządzeniu (np. komputerze, telefonie, tablecie). W przeciwnym razie font zostanie zastąpiony przez inny podobny (zdaniem przeglądarki).

Moje wątpliwości pojawiły się po tym jak próbowałam napisać tekst na stronie w Helvetica – tyle, że to co otrzymywałam to był Arial. Wychodzi na to, że przynajmniej moja przeglądarka nie widzi różnicy między tymi krojami.

Sprawdź  Java i JavaScript – na czym polega różnica?

O tym jak dodać darmowy font do strony internetowej możecie przeczytać tutaj!

źródła:

Helvetica vs Arial – czym się między sobą różnią te kroje?

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *

Dodając komentarz do bloga wyrażasz zgodę na przetwarzanie twoich danych osobowych przez administratora strony.

Przewiń na górę