Robert Chwałowski | Typografia po polsku

Oznaczone tagiem „Robert Chwałowski”

Mikrokosmos

30 grudnia 2010  [Instapaper Text] [Readability]

W dzi­siej­szych cza­sach każdy może zo­stać wy­dawcą, nie po­no­sząc przy tym zbyt wiel­kich na­kładów albo wcale. Jednym ze spo­sobów na pu­bli­ko­wanie jest blog. Głównie war­tość me­ry­to­ryczna de­cy­duje o po­czyt­ności, ale nie tylko. W wy­mianie myśli za po­mocą tekstu pi­sa­nego bardzo istotna jest rów­nież es­te­tyka, której chyba naj­waż­niej­szym aspektem jest ty­po­grafia. Kiedy mówię z kimś o ty­po­grafii, naj­czę­ściej ob­ser­wuję na jego twarzy za­kło­po­tanie, bo dla wielu osób ty­po­grafia, to po prostu „ko­smos”.
 Dwu­na­stego grudnia brałem udział w kon­fe­rencji po­świę­conej Word­Pres­sowi — sys­te­mowi za­rzą­dzania tre­ścią na stro­nach www, sze­roko uży­wa­nemu do utrzy­my­wania blogów. Przed­sta­wiam zapis wideo i naj­waż­niejsze frag­menty to­wa­rzy­szącej wy­kła­dowi pre­zen­tacji. Sku­piam się przede wszystkim na mi­kro­ty­po­grafii (i to w dość wą­skim ujęciu), po­mi­jając za­gad­nienia kom­po­zycji, barwy, kroju czy stopnia pisma etc.
 Mi­kro­ty­po­grafia, a więc «mi­kro­ko­smos». Pod­czas dys­kusji padło kilka obietnic i po­stu­latów, które po­niżej chciałbym zrealizować.

Oma­wiany plugin do Word­Pressa — wp‑Typography au­tor­stwa Jef­freya Kinga — po­zwala na au­to­ma­tyczną kon­trolę tekstu pod kątem mi­kro­ty­po­gra­ficznym. Ta kon­trola nie jest do­sko­nała — nie wszystkie błędy składu zo­staną wy­eli­mi­no­wane — jednak pra­wi­dłowa kon­fi­gu­racja znacznie pod­niesie es­te­tykę i czy­tel­ność tekstu. Wbrew wcze­śniej­szym za­ło­że­niom do­ko­nałem drob­nych zmian w ko­dzie, z czego wy­nika kilka zna­czą­cych uspraw­nień — PO­BIERZ wp-typography-pl.zip [1,1 MB].

Se­man­tyka
Dość często ob­ser­wuję u osób, które są mi­strzami ko­do­wania (CSS, PHP, HTML itd.) braki w ter­mi­no­logii — po­słu­gują się kal­kami ję­zy­ko­wymi i na­zy­wają różne rzeczy bardzo śmiesznie. Za­łą­czam więc słow­ni­czek kilku pod­sta­wo­wych pojęć, który — mam na­dzieję — po­może nam się le­piej rozumieć.

bę­kartwidow
wiersz za­wie­szony, koń­cowy wiesz aka­pitu, który zna­lazł się na po­czątku łamu bądź kolumny

czcionkatype, fount
krotło; no­śnik pisma wy­ko­nany naj­czę­ściej ze stopu dru­kar­skiego, uży­wany w druku typograficznym

dywizhy­phen
łącznik; znak wy­ko­rzy­sty­wany do łączenia lub dzie­lenia wy­razów; naj­czę­ściej ma kształt krót­kiej po­ziomej kreski, ale może być rów­nież umiesz­czony pod innym kątem, po­siadać nie­ty­powy kształt, a nawet składać się z dwóch kreseczek

fontfont
cy­frowy no­śnik pisma

firetem
względna jed­nostka miary, równa stop­niowi pisma

fo­to­składphoto­type­setting, photo­compo­sit­ing
skład fo­to­gra­ficzny; me­toda składu tekstu oparta o urzą­dzenia fo­to­gra­ficzne, tzw. fo­to­skła­darki; mimo prze­róż­nych kon­strukcji, obo­wią­zy­wała ta sama za­sada dzia­łania: funkcję no­śnika pisma peł­niło światło prze­cho­dzące przez fotomatrycę

in­ter­liniale­ading, line spa­cing, in­ter­line spa­cing
od­stęp mię­dzy­wier­szowy; od­stęp mię­dzy­aka­pi­towy; prze­strzeń między ko­lej­nymi wierszami

ju­sto­wanieju­sti­fi­ca­tion
wy­peł­nianie składu ju­stun­kiem, w prak­tyce kom­pu­te­rowej spro­wadza się to do wy­rów­ny­wania wiersza, łamu, lub ko­lumny jed­no­stronnie (do lewej lub do prawej) albo obustronnie

ko­lumna
ob­szar stro­nicy po­kryty tekstem

ko­ry­tarzriver
wi­doczna prze­strzeń w skła­dzie, utwo­rzona przez zbyt sze­rokie spacje, po­wta­rza­jące się w ko­lej­nych wierszach

krój pismaty­pe­face
a) jeden z atry­butów pisma dru­kar­skiego, de­cy­du­jący o kształcie liter; b) pismo drukarskie

linialine
a) długa kreska, peł­niąca w skła­dzie rolę kom­po­zy­cyjną (np. roz­dzie­lenie łamów czy ozdobnik); b) jeden z kilku pa­ra­me­trów pisma dru­kar­skiego, wy­zna­cza­jący pod­stawę (linia ba­zowa), gra­nicę wy­dłużeń gór­nych (linia wy­dłużeń gór­nych), dol­nych (linia wy­dłużeń dol­nych) itp.; c) długa linijka

li­nijka [ty­po­gra­ficzna]ruler, ty­po­meter, type gauge
przy­rząd do po­miarów, kre­ślenia, ma­kie­to­wania etc., wy­po­sa­żony w po­działki z mia­rami me­tryczną i ty­po­gra­ficz­nymi bądź tylko typograficznymi

li­notypli­no­type, Li­no­type ty­pe­set­ting ma­chine
urzą­dzenie do składu go­rą­cego, w którym li­no­ty­pista przy użyciu kla­wia­tury wpro­wa­dzał tekst, a ma­szyna od­le­wała ze stopu dru­kar­skiego go­towe wiersze [li­no­ty­powe], które ukła­dane jeden za drugim two­rzyły szpaltę

łamco­lumn
po­ła­mana szpalta; blok tekstu, skła­da­jący się naj­czę­ściej z ko­lej­nych aka­pitów, sta­no­wiący część ko­lumny lub (w szcze­gólnym przy­padku) z nią tożsamy

mo­notypmo­no­type, Mo­no­type ty­pe­set­ting ma­chine
ze­spół urzą­dzeń do składu go­rą­cego — ta­stra, na którym mo­no­ty­pista składał przy użyciu kla­wia­tury, i od­le­warki, która za­ko­do­wany na ta­śmie per­fo­ro­wanej skład od­le­wała w po­staci po­je­dyn­czych czcionek ze­sta­wio­nych w szpalty; po roz­mon­to­waniu składu, czcionek mo­no­ty­po­wych można było używać w skła­dzie ręcznym

pauzaem dash
kreska o dłu­gości fi­retu, uży­wana naj­czę­ściej w funkcji myśl­nika, współ­cze­śnie rza­dziej niż półpauza

pismo dru­kar­skietype, ty­pe­face
gra­ficzna po­stać ję­zyka prze­wi­dziana do ma­so­wego po­wie­lania i za­cho­wu­jąca po­wta­rzal­ność, w prze­ci­wień­stwie do np. pisma ręcz­nego (script ); pisma uży­wane na stro­nach www rów­nież uważa się za dru­kar­skie, ale zo­stały one pod­dane spe­cjal­nemu za­bie­gowi hin­tingu — do­sto­so­wania do wy­świe­tlania na ekranie

pod­cięciehan­ging in­dent
wpusz­czenie wgłąb łamu wszyst­kich wierszy aka­pitu, poza pierw­szym [jak w ni­niej­szym słowniczku]

pół­fireten
względna jed­nostka miary, równa po­łowie stopnia pisma

pół­pauzaen dash
kreska o dłu­gości pół­fi­retu, uży­wana naj­czę­ściej w funkcji myślnika

składty­pe­set­ting, compo­sit­ing, compo­sit­ion
a) two­rzenie szpalt; czyn­ność po­le­ga­jąca na ukła­daniu tekstu z czcionek bądź wpro­wa­dzaniu go za po­mocą kla­wia­tury; b) po­ła­many (przy­go­to­wany do pu­bli­kacji lub opu­bli­ko­wany) tekst

skład go­rącyhot-​metal ty­pe­set­ting, hot-​metal compo­sit­ing
tech­no­logia składu w me­talu, po­le­ga­jąca na ma­szy­nowym od­le­waniu przy­go­to­wa­nych wcze­śniej szpalt lub wierszy, w skła­dzie ręcznym ko­lej­ność jest odwrotna

skład ręcznyty­pe­set­ting, compo­sit­ing
tech­no­logia składu przy użyciu od­la­nych wcze­śniej (bądź wy­pro­du­ko­wa­nych inną me­todą) czcionek

spacjaspace
od­stęp mię­dzy­wy­ra­zowy, ty­powa spacja ma sze­ro­kość od 14 do 13 fi­retu, spe­cy­fi­kacja UNI­CODE prze­wi­duje rów­nież spacje spe­cjalne, które można wpro­wa­dzać wprost lub za po­mocą encji

spa­cjo­wanietrac­king, letter-​spacing
po­więk­szanie od­stępów mię­dzy­li­te­ro­wych w ca­łych sło­wach, ko­niecznie na­leży je sto­sować w wy­ra­zach zło­żo­nych wer­sa­li­kami bądź ka­pi­ta­li­kami — dla pod­wyż­szenia ich czy­tel­ności — cza­sami używa się go jako wyróżnienia

ste­reotypste­reo­type
forma dru­kowa w ca­łości od­lana z żeliwa lub stali, bę­dąca kopią (formą wtórną) przy­go­to­wanej w skła­dzie ręcznym bądź go­rącym formy pierwotnej

szewcor­phan
pierwszy wiersz aka­pitu, który po­zo­stał na końcu łamu bądź kolumny

wer­salikca­pital letter (plur.: all caps, all ca­pi­ta­lized ), ma­ju­scule
ma­ju­skuła, wielka litera

wcięcie [aka­pi­towe][pa­ra­graph] in­dent, [first line] in­dent
wpusz­czenie pierw­szego wiersza aka­pitu wgłąb łamu, naj­czę­ściej o 12 do 1 12 firetu

wierszline
a) frag­ment składu (tekstu), miesz­czący się na jednej linii, w ob­rębie jed­nego łamu; b) w skła­dzie go­rącym, odlew za­wie­ra­jący po­je­dynczy ciąg znaków; wiersz li­no­ty­powy (slug )

za­wie­szone słowo
jed­no­li­te­rowe słowo — spójnik lub przy­imek — na końcu wiersza, w bar­dziej cy­ze­lo­wanym skła­dzie uważa się nie­kiedy za takie rów­nież słowa dwu- lub trzyliterowe

Pod­czas wy­kładu padła kil­ka­krotnie su­ge­stia przy­go­to­wania ja­kichś wska­zówek do­ty­czą­cych ty­po­grafii. Oto garść do­brych rad. Chcesz swoim pro­jektom lub in­ter­ne­towym pu­bli­ka­cjom dodać nieco blasku? Prak­tykuj. Pa­miętaj, że w uza­sad­nio­nych przy­pad­kach mo­żesz od­stąpić od ści­słego prze­strze­gania reguł.

Ustalaj wła­ściwą sze­ro­kość łamu
Średnia mak­sy­malna dłu­gość wiersza po­winna wy­nosić 6872 znaków. Jeśli z ja­kich­kol­wiek po­wodów po­trze­bu­jesz szer­szego łamu, po­większ rów­nież in­ter­linię. W prze­ciwnym razie czy­telnik do­stanie oczopląsu.

Do­bieraj od­po­wiednią in­ter­linię
Weź pod uwagę przede wszystkim: krój i sto­pień pisma, sze­ro­kość łamu. Zna­czenie ma też kolor tła czy sa­mych liter. Jeśli któryś z tych pa­ra­me­trów się zmienia, mu­sisz zmienić in­ter­linię. Nie może być zbyt mała, ani zbyt duża. Poeksperymentuj.

Wy­równuj do lewej
Łamanie tekstu w cho­rą­giewkę za­osz­czędzi wielu kło­potów tobie i twoim czy­tel­nikom. Przede wszystkim spacje będą mieć tę samą sze­ro­kość. Oczy­wi­ście — jeśli bardzo chcesz — mo­żesz wy­rów­nywać tekst obu­stronnie, ale miej świa­do­mość, że może to utrudnić jego odbiór.

Za­wsze dziel wy­razy
Dzie­lenie wy­razów po­zwoli uniknąć ko­ry­tarzy w tek­ście wy­rów­nanym obu­stronnie, a w tek­ście wy­rów­nanym do lewej upo­rząd­kuje trochę cho­rą­giewkę. Dzie­lenie wy­razów w ję­zyku pol­skim pod­lega za­sadom mor­fo­logii, a nie fo­ne­tyki — chodzi o prze­no­szenie wy­razów nie w miejscu po­działów sy­la­bo­wych, lecz zgodnie z cząst­kami zna­cze­nio­wymi (mor­fe­mami). Pra­wi­dłowe miejsca po­działu po­daje słownik or­to­gra­ficzny PWN.

Szanuj or­to­grafię
— myślnik oznacza za­trzy­manie wy­po­wiedzi, za­sta­no­wienie, nie po­winno być myśl­ników zbyt wiele, aby tekst nie stracił cią­głego cha­rak­teru, przed­sta­wiaj go za po­mocą pół­pauzy (względnie pauzy) oto­czonej spa­cjami;
— nie sta­wiaj wielu kropek — czte­rech, pięciu, ani nawet trzech — używaj wie­lo­kropka, w za­leż­ności od kon­tekstu po­wi­nien on przy­legać do słowa po­prze­dza­ją­cego lub na­stę­pu­ją­cego;
— po­zo­stałe znaki in­ter­punk­cyjne przy­klejaj do po­prze­dza­ją­cego je słowa (bez spacji po lewej stronie);
— używaj po­je­dyn­czego wy­krzyk­nika lub py­taj­nika, a jeśli chcesz pod­kre­ślić emocje — po­dwój­nego, nie więcej, żeby nie uznali cię za psy­cho­patę;
— mo­żesz używać, w szcze­gól­nych przy­pad­kach, zbiegów znaków in­ter­punk­cyj­nych: «?!» i «!?», in­nych w ję­zyku pol­skim nie ma;
— jeśli nie dys­po­nu­jesz wy­star­cza­jącym słow­nic­twem, mo­żesz używać emo­ti­konów :-P
— unikaj dzie­lenia wy­razów w miejscu ich łączenia;
— unikaj jed­no­li­te­rówek na końcu wiersza, jeśli nie chcesz by twoi czy­tel­nicy rzu­cali mięsem;
— żeby nie mu­sieli się za­sta­na­wiać „co autor miał na myśli”, unikaj myśl­nika na po­czątku wiersza;
— używaj pra­wi­dło­wych cu­dzy­słowów pierw­szego stopnia: „…”, jako cu­dzy­słowy dru­giego stopnia (we­wnętrzne) mo­żesz sto­sować «…» lub »…«, ale kon­se­kwentnie;
— stosuj in­deksy i frakcje jeśli trzeba;

Uważaj, diabeł tkwi w szcze­gó­łach
— nie używaj pod­kre­ślenia;
— nie wy­róż­niaj dłuż­szych partii tekstu po­chy­le­niem;
— unikaj po­dwój­nych wy­róż­nień, np. po­chy­lenie z po­gru­bie­niem czy cu­dzy­słowem, od­stęp mię­dzy­aka­pi­towy z wcię­ciem itd.
— aka­pity le­piej wy­róż­niać większą in­ter­linią, ale nie większą niż jeden wiersz;
— koduj tekst w UTF-​8;
— nie wa­riuj z ko­lo­rami, pa­miętaj że naj­czy­tel­niej­szym ze­sta­wie­niem jest czarny tekst na białym tle
— unikaj zdjęć w tle (pod tek­stem);
— tam, gdzie za­chodzi po­trzeba, używaj encji;
— do pro­jek­to­wania układów ty­po­gra­ficz­nych ko­rzy­staj z ge­ne­ra­torów tekstu pol­skiego;
— ogra­ni­czaj ilość krojów na stronie do mi­nimum;
— jeśli uży­wasz pisma po­chy­łego w na­wiasie pro­stym, sprawdź, czy przed na­wiasem za­my­ka­jącym nie po­trzeba cien­kiej spacji;
— nie od­dzielaj jed­no­stek od miar;
— sto­pień pisma nie po­wi­nien być zbyt mały, ani zbyt duży;

Usta­wiamy wp-​Typography
Wtyczkę udo­stęp­niono na li­cencji GPL, co ma swoje za­lety i wady. Po­niżej link do wtyczki w pol­skim tłu­ma­czeniu. Zde­cy­do­wałem się wpro­wa­dzić drobne zmiany w ko­dzie wtyczki. Nie wy­klu­czam, że w przy­szłości dodam ja­kieś jeszcze ulep­szenia.
 Na­leży ją za­in­sta­lować, tzn. roz­pa­kować i folder o na­zwie «wp‑typography» wraz z za­war­to­ścią umie­ścić na ser­werze w ka­ta­logu wy­szcze­gól­nionym poniżej.

../wp-content/plugins/

Panel usta­wień można od­na­leźć w kok­picie: USTA­WIENIA » WPTYPOGRAPHY (adres poniżej).

../wp-admin/options-general.php?page=wp-typography

PO­BIERZ wp-typography-pl.zip [1,1 MB], za­in­staluj i przejdź do kon­fi­gu­racji. Jeśli po­sia­dasz już wp‑Typography w wersji an­giel­skiej, nad­pisz ją.
 Wraz z tłu­ma­cze­niem przy­go­to­wałem wstępne (do­myślne) usta­wienia, które różnią się od ory­gi­nal­nych. Tak więc, jeśli miałeś już za­in­sta­lo­waną wtyczkę, po wgraniu pol­skiej wersji włącz usta­wienia do­myślne. Obej­rzyjmy jeszcze raz panel administracyjny.

Źródła
Pierwszy moduł za­wiera od­sy­łacze do stron au­tora. Ważne, że obo­wią­zuje li­cencja GPL, oraz, że jest do­stępny kod PHP, który można wdrożyć na do­wolnej stronie www, nie­opartej o WordPressa.

wp-Typography: Źródła

Ogólne usta­wienia
W drugim mo­dule można zde­fi­niować ele­menty HTML, które nie będą pod­legać prze­twa­rzaniu. Za­sto­so­wanie prak­tyczne: jeśli ja­kieś słowo lub słowa nie po­winny być dzie­lone, wy­starczy je ująć w od­po­wiednie tagi.

<span class="noTypo">…</span>
<p class="noTypo">…</p>

Oczy­wi­ście, to tylko prosty przy­kład, moż­li­wości jest dużo więcej.

wp-Typography: Ogólne ustawienia

Dzie­lenie wy­razów
Dzie­lenie wy­razów na­leży włą­czyć bez względu na to, czy tekst wy­rów­nu­jemy obu­stronnie, czy tylko do lewej. W obu przy­pad­kach po­pra­wisz w ten sposób wy­gląd łamu. Jeśli obu­stronnie wy­rów­ny­wane są też na­główki, na­leży włą­czyć dzie­lenie rów­nież dla nich.
 W dolnej części mo­dułu znaj­duje się pole, w którym można do­łą­czyć listę słów z wła­snymi re­gu­łami dzie­lenia. Sen­sownie można je wy­ko­rzy­stywać wy­łącznie w tek­stach łama­nych w cho­rą­giewkę. Ry­go­ry­styczne dzie­lenie wy­razów na stro­nach www, w po­łą­czeniu z obu­stronnym wy­rów­na­niem spo­wo­duje pro­blemy! Dziury i ko­ry­tarze, któ­rych nie chcemy. Po­sługuj się więc za­sadą mniej­szego zła i jeśli nie wy­rów­nu­jesz do lewej, nic nie zmieniaj.

wp-Typography: Dzielenie wyrazów

In­te­li­gentna pod­miana znaków
Nie­stety, te opcje nie są tak in­te­li­gentne, jak by się chciało. Cu­dzy­słowy co prawda pra­wi­dłowe, jednak ory­gi­nalny kod po­zwalał na uży­wanie w funkcji myśl­nika tylko pauzy. Zde­cy­do­wałem się wpro­wa­dzić zmianę. Wszystkie dy­wizy oto­czone spa­cjami zo­staną za­mie­nione na pół­pauzy, po­dobnie po­dwójne dy­wizy [ -- ], jednak jeśli masz fan­tazję używać pauzy, mo­żesz ją wsta­wiać za po­mocą trzech dy­wizów [ --- ].
 Trzy kropki za­mie­niaj na wie­lo­kropek — rzecz oczy­wista. Pod­miana dia­kry­tyków w ję­zyku pol­skim ra­czej nie bę­dzie miała za­sto­so­wania, chyba, że dla ob­cych słów. Jeśli masz do­brze opra­co­waną listę, mo­żesz włą­czyć. Uprosz­czone znaki za­strzeżeń, to bardzo wy­godna opcja, a więc do­myślnie po­zo­staje włą­czona. Przy­rostki li­czeb­ników po­rząd­ko­wych nas nie do­tyczą.
 Ma­te­ma­tyka. Wielka szkoda, że działa nie­obli­czalnie. Druga opcja z tej serii (ułamki) za­działa tylko, jeśli bę­dziemy mieć włą­czone za­wi­janie po łączniku — ab­surd. Mimo to za­lecam ko­rzy­stanie z tej opcji. Wpro­wa­dzanie uni­ko­do­wych znaków ułamków na www, szcze­gólnie w ma­łych stop­niach, nie wchodzi w grę ze względu na to­talny brak czy­tel­ności. Popatrz.

⅜ —— 38

Na www na­leży po­słu­giwać się w tym wy­padku nie frak­cjami, lecz in­dek­sami, do­dat­kowo cyfry w licz­ni­kach i mia­now­ni­kach po­winny być tylko nie­znacznie mniejsze od pod­sta­wo­wego stopnia pisma.

wp-Typography: Inteligentna podmiana znaków

Kon­trola tekstu przy użyciu nie­stan­dar­do­wych spacji
Nie­stan­dar­dowe spacje to: nie­roz­dzielna, cienka, ze­rowej sze­ro­kości itd. Po każdym jed­no­li­te­rowym słowie zwykła spacja zo­stanie za­mie­niona na nie­roz­dzielną — tak po­winno być, ale nie jest. Wy­jąt­kiem są dwie jed­no­li­te­rówki obok siebie. Jeśli chcesz, aby żadna nie wi­siała na końcu wiersza, po każdej z nich wstaw encję nie­roz­dzielnej spacji za­miast zwykłej.

&nbsp;

Cienkie spacje między myśl­ni­kiem, a słowem za­miast zwy­kłych, to an­glo­saski zwy­czaj. Mia­łyby one sens gdy­byśmy w funkcji myśl­nika sto­so­wali pauzę, ale waż­niejsze by­łoby unik­nięcie myśl­nika na po­czątku wiersza. A więc, bez względu na to, czy myśl­ni­kiem jest pauza, czy pół­pauza, na­leży po­prze­dzić ją nie­roz­dzielną spacją (encja po­wyżej). Ergo nie ma po­trzeby ko­rzy­stania z tej opcji.
 Ko­lejne trzy opcje, to oczy­wi­stość oczy­wista (sic ). Można do­wolnie roz­sze­rzyć listę miar. Na­to­miast uni­kanie po­je­dyn­czych słów na końcu aka­pitu w pewnej mierze po­zo­staje opcją uzna­niową. Warto ją włą­czyć w sze­rokim łamie, w wą­skim nie bę­dzie ko­nieczna.
 Za­wi­janie po łączniku — ina­czej mó­wiąc, ze­zwo­lenie na dzie­lenie wy­razów w miejscu łączenia — nie po­winno być do­pusz­czalne. Polska or­to­grafia po­zwala na po­dzie­lenie w tym miejscu, ale dywiz po­winno się po­wtó­rzyć w na­stępnym wierszu. Wp‑Typography tego nie umoż­liwia.
 Ar­cy­prze­dziwnym błędem jest uza­leż­nienie po­praw­nego ren­de­ro­wania ułamków od włą­czenia wła­śnie tej opcji. Jeśli chcemy mieć ładne ułamki, mu­simy więc po­zo­stawić ją włą­czoną, a zakaz dzie­lenia słów z łączni­kiem re­ali­zować przez ręczną pod­mianę łącznika na twardy dywiz (encja po­niżej), któ­rego ani HTML, ani wp‑Typography nie roz­po­znaje (jest ren­de­ro­wany, jak zwykły dywiz).

&#8209;

Za­wi­janie ad­resów email i URL-​i jest re­ali­zo­wane przez do­danie spacji ze­rowej sze­ro­kości po każdej kropce i znaku at (@). Ostatnia opcja w tej sekcji po­zwala wy­łą­czyć za­wi­janie w In­ternet Explo­rerze 6 i rów­nież po­winna zo­stać włączona.

wp-Typography: Kontrola tekstu przy użyciu niestandardowych spacji

Haki CSS
Ostatni moduł po­zwala na zde­fi­nio­wanie wy­jątków za po­mocą tzw. haków. W czte­rech szcze­gól­nych sy­tu­acjach mo­żemy włą­czyć au­to­ma­tyczne ozna­czanie frag­mentów tekstu klasą, którą na­stępnie opi­szemy w ar­kuszu stylów. Po­nadto można do­łą­czyć własne frag­menty kodu CSS.

wp-Typography: Haki CSS

To chyba już wszystko o uży­tecz­ności wp‑Typography, ale jeszcze kilka uwag o błę­dach i waż­niej­szych problemach.

1. Miękkie dy­wizy są wsta­wiane w całym tek­ście. Ujaw­niają się tylko wtedy, gdy za­chodzi po­trzeba prze­nie­sienia słowa do ko­lej­nego wiersza. Cza­sami jednak się zdarza, że cały tekst jest upstrzony dy­wi­zami. O co chodzi? Pro­blem spra­wiają fonty, które w ze­stawie znaków nie za­wie­rają mięk­kich dy­wizów, w takim wy­padku są one trak­to­wane jak zwykłe. Innym źró­dłem nie­pra­wi­dło­wości może być brak ob­sługi bądź pełnej ob­sługi UNI­CODE przez prze­glą­darkę lub opro­gra­mo­wanie serwera.

2. Zawieszone słowo nie zo­stanie wy­kryte, jeśli jest ich więcej pod rząd.

3. Myślniki będą się po­ja­wiać na po­czątku wiersza.

4. Matematyka działa nieobliczalnie.

5. Pochylone słowa sty­kają się z na­wiasem za­my­ka­jącym. Można temu za­ra­dzić wsta­wiając cienką spację (encja poniżej).

&thinsp;

6. Opcja za­wi­jania po łączniku działa tylko ze zwy­kłym dy­wizem, nie bę­dzie działać z twardym. To wy­nika ra­czej ze spe­cy­fi­kacji HTML i jest plusem, po­nieważ mo­żemy wpro­wa­dzić do tekstu do­dat­kowy dywiz, który bę­dzie po­siadał takie same atry­buty, jak zwykły (nie­po­dziel­ność), ale przez wp‑Typography zo­stanie po­mi­nięty w prze­twa­rzaniu (nie po­jawi się po nim spacja ze­rowej szerokości).

7. Haki CSS mają po­lep­szyć es­te­tykę i czy­tel­ność, nie­mniej jednak nie w każdym pro­jekcie będą się spraw­dzać. Można i na­leży je sa­memu mo­dy­fi­kować. W ni­niej­szej wersji do­ko­nałem kilku istot­nych zmian.

.caps — do­dałem spa­cjo­wanie do klasy «caps» rów­no­cze­śnie zmie­niając roz­miar wer­sa­lików na 95%; oka­zało się, że roz­świetla ona spację po słowie, ale nie przed i bardzo źle to wy­gląda, dla­tego do­dałem rów­nież trochę światła przed spa­cjo­wanym słowem;
— uwaga: słowa na po­czątku aka­pitu, zło­żone wer­sa­li­kami będą po­trze­bować ko­rekty o 20100 fi­retu w lewo (-0,2 em);
— nie zo­stają wy­kryte ciągi wer­sa­lików za­warte w cu­dzy­słowie, choć w na­wiasie już tak;

.numbers — zmie­niłem spa­cjo­wanie i sto­pień pisma dla cyfr; po­trzebna ko­rekta dla cyfr roz­po­czy­na­ją­cych akapit wy­nosi 10100 fi­retu; jeśli w pro­jek­tach lub na blogu ko­rzy­stasz z krojów za­wie­ra­ją­cych cyfry na­utyczne (z wy­dłu­że­niami dol­nymi i gór­nymi), wy­łącz tę opcję, cyfr tego typu (jak w pi­śmie Geo­rgia) nie na­leży róż­ni­cować od tekstu głównego;

.sup i .sub — zmie­niłem sto­pień pisma na 80% tekstu głów­nego; po­pra­wiłem światła pio­nowe i poziome.

Zanim podam linki do in­nych źródeł, chciałbym pod­su­mować kon­fe­rencję. Wy­daje mi się, że Word­Press to przy­szłość www. Łódzki Word­Camp, jako zgro­ma­dzenie spe­cja­li­stów lub osób, które pragną stać się spe­cja­li­stami, wpi­suje się nie­by­wałą dy­na­mikę całej spo­łecz­ności użyt­kow­ników. Nie trzeba chyba mocno pod­kre­ślać, że ma ona za­rob­kowy cha­rakter. Pa­ra­dok­salnie, dy­na­mikę tę po­tę­guje fakt, że system jest otwarty.
 Kilka wy­stą­pień bardzo pa­so­wało do moich po­trzeb, wśród nich „Two­rzenie uży­tecz­nych pa­neli za­rzą­dzania” Mar­cina Bie­guna i „Word­Press + or­ga­ni­zacje stu­denckie = sukces” Adama Klimowskiego.


Ważne źródła
Pen­guin Com­po­si­tion Rules for web Ad­ap­tacja zasad opra­co­wa­nych przez Jana Tchi­cholda dla Pen­guin Books do po­trzeb www
The Ele­ments of Ty­po­gra­phic Style Ap­plied to the Web Ad­ap­tacja „Ele­men­tarza stylu w ty­po­grafii” Ro­berta Brin­ghursta do po­trzeb www
ty​po​grafia​.info Serwis Ro­berta Chwa­łow­skiego na temat ty­po­grafii
taat​.pl Zbiór tek­stów To­masza Pę­szora o ty­po­grafii internetowej

Po­mocne na­rzę­dzia
Text4www Po­prawki mi­kro­ty­po­gra­ficzne | Henryk Jursz (jursz​.com)
Text4web Po­prawki mi­kro­ty­po­gra­ficzne | To­masz Pę­szor (taat​.pl)
lipsum​.pl Ge­ne­rator tekstu łaciń­skiego (Lorem ipsum ), pol­skiego i ro­syj­skiego | To­masz Pę­szor (taat​.pl)
taat​.pl Inne na­rzę­dzia | To­masz Pę­szor (taat​.pl)

Word­Press & Word­Camp
word​press​.org | pl​.word​press​.org
word​press​.com | pl​.word​press​.com
Word­Camp Polska
Word­Camp Polska — Youtube
Word­Camp Cen­tral
Word­CampTV

wp-​Typography
Wersja polska — PO­BIERZ wp-typography-pl.zip [1,1 MB]
Wtyczka w re­po­zy­to­rium Word­Pressa
Strona do­mowa
Li­cencja
FAQ
PHP Ty­po­graphy

Mor­fo­logia i or­to­grafia
Wielki słownik or­to­gra­ficzny Ogól­no­do­stępny słownik in­ter­ne­towy, który wska­zuje rów­nież pra­wi­dłowe miejsca dzie­lenia wy­razów

Krytycznym okiem

20 listopada 2009  [Instapaper Text] [Readability]

Wspo­mniany w po­przednim ar­ty­kule pro­jekt, pod­dany kry­tyce pod­czas KRAK­Typo, to książka Wer­nera Chro­baka pt. „Brat Eu­sta­chiusz Ku­gler. W drodze na oł­tarze” — bio­grafia ba­war­skiego za­kon­nika, w paź­dzier­niku ogło­szo­nego bło­go­sła­wionym, wy­dana u mnie na zle­cenie bo­ni­fra­trów. Tłu­ma­czenie i re­dakcja trwały dość długo, przede wszystkim ze względu na ko­niecz­ność bardzo da­leko idącej in­ge­rencji w tekst. Książka, oczy­wi­ście, miała mieć cha­rakter okolicznościowy.

okładka 1okładka 4

Pod­stawą pro­jektu jest punkt post­scrip­towy. Zde­cy­do­wałem się na format 45×57 pica, w którym za­sto­so­wałem siatkę 12×12, co daje moduł o wy­mia­rach 45×57 punktów. Mar­gines górny wy­nosi dwa mo­duły, dolny — trzy, we­wnętrzny — dwa, ze­wnętrzny — cztery. Wy­miary ko­lumny: 270×399 punktów, 31 wierszy. Przy­pisy oraz ty­tuły roz­działów zo­stały umiesz­czone poza ko­lumną, w re­zul­tacie po­więk­szając ją i wpro­wa­dzając swo­istą nie­re­gu­lar­ność. Po­wziąłem za­ło­żenie, że żaden z ele­mentów nie może zbliżyć się do kra­wędzi stro­nicy na od­le­głość mniejszą, niż jeden moduł (od tego za­ło­żenia zro­biłem cztery wyjątki).

bek_siatka_1bek_siatka_2bek_siatka_3

W skła­dzie użyłem pism: Mi­nion Pro (tekst główny, czarny), He­lve­tica Neue (przy­pisy, czarne), ITC Avant Garde Go­thic (tytuł książki i ty­tuły roz­działów, bru­nat­no­czer­wone — PMS 187 U).
 Książkę wy­dru­ko­wano na pa­pie­rach: środki — of­f­se­towy 140 g/​m², biały (do­stawca: Igepa), na którym do­dat­kowo po­ło­żono kre­mową aplę, okładka — ozdobny, Ke­ay­ko­lour Kwarc 250 g/​m² (do­stawca: An­talis). Oprawa bro­szu­rowa, kle­jona, 56 stron. Na okładce tło­czenie — fak­sy­mile ty­tu­ło­wego bo­ha­tera. Spójrzmy na rozkładówki.

12–34–5
6–78–910–11
12–1314–1516–17
18–1920–2122–23
24–2526–2728–29
30–3132–3334–35
36–3738–3940–41
42–4344–4546–47
48–4950–5152–53
54–5556

Po­ka­załem tę ksią­żeczkę wszystkim, kry­tykę uzy­skałem od kilku osób, po­zwólcie, że — na ile pa­miętam — przy­wołam tylko cztery z wypowiedzi.

Ro­bert Chwa­łowski
Gdy wziął do ręki, po­kazał palcem na okładkę i powiedział: — Co to ma być? No proszę cię!… — miał na myśli tło­czenie, słabo wi­doczne i ge­ne­ralnie ni z gruchy, ni z pie­truchy. Spo­strzegł też, że ISBN po­jawia się aż w trzech miej­scach: na okładce, stronie re­dak­cyjnej (53) i, nie­po­trzebnie, na stronie czwartej.
 Ko­lejna uwaga do­ty­czyła cyfr w przy­pi­sach. Po­mniej­szyłem je do wiel­kości x, by zbliżyć się kon­wencją do cyfr na­utycz­nych uży­tych w tek­ście głównym, a Ro­bert stwier­dził, że nie­po­trzebnie.
 Źle wy­glą­dają także du­oto­nowe zdjęcia, zro­bione trochę „na siłę”. Ty­tuły roz­działów w innym ko­lorze nie są wy­star­cza­jącym uza­sad­nie­niem do ko­lo­ro­wania zdjęć, tym bar­dziej, że nie wszyst­kich. Po­łożył rów­nież palec na stro­nach 4550: — A to? Co to ma być? Zbyt duża in­ter­linia między ty­tułem, a tek­stem, wy­star­czy­łoby pół wiersza. — Kon­kluzja — Naj­gorsza książka świata.

Ro­bert Oleś
Jego spo­strze­żenia do­ty­czyły głównie mi­kro­ty­po­grafii. Naj­waż­niejsze za­pa­mię­tane przeze mnie, to zła cho­rą­giewka w przy­pi­sach bocz­nych np. na stronie 5 czy 7 (są zbyt obłe), w prze­ci­wień­stwie do 40, gdzie już jest w porządku.

An­drzej To­ma­szewski
Po pierwsze skry­ty­kował spis treści. O listku, który po­jawia się między ty­tułem, a nu­merem strony powiedział: — W tym miejscu, to jest ty­po­gra­ficzny robak — li­stek, jak za­uwa­ży­li­ście na ilu­stra­cjach wyżej, po­jawia się rów­nież w tek­ście głównym, gdzie od­dziela tytuł od treści i tam jest jak naj­bar­dziej na miejscu. Druga bo­lączka, to bardzo nie­jed­no­rodny ma­te­riał ilu­stra­cyjny, który na­le­żało ra­czej ujed­no­licić, niż jeszcze bar­dziej go róż­ni­cować.
 Za­trzymał się rów­nież na stronie tytułowej: — Dlaczego na­zwisko au­tora jest tej samej sze­ro­kości, co słowo „Brat” i dla­czego jest w tym samym stopniu, co „Wro­cław 2009″? — No cóż… nie mam nic na uspra­wie­dli­wienie.
 An­drzej, wbrew wcze­śniej­szym uwagom, skwitował: — Kawał do­brej, ty­po­gra­ficznej ro­boty. — Zna­lazł też jeszcze jedną zaletę: — Zobaczcie. Zo­stawił dwie ostatnie strony puste, bo tak mu wy­szło i nie roz­ciągał na siłę tekstu, żeby je zapełnić.

Stefan Szczypka
Wziął książkę do ręki z naj­wyższą pie­czo­ło­wi­to­ścią. Wła­śnie od niego do­stałem naj­więcej po­chwał, a rów­no­cze­śnie naj­bar­dziej miaż­dżącą kry­tykę. Stwier­dził, że książka może się po­dobać, mimo dużej ilości błędów.
 — Okładka — przez dobór pa­pieru i pro­jekt — robi wra­żenie, że mamy do czy­nienia z dru­kiem uni­ka­towym. Rów­nież we­wnątrz, mimo dość nie­jed­no­znacznej siatki, jest bardzo ele­gancka. — Bardzo dobre wra­żenie zro­biła na nim roz­kła­dówka 1617, na której zdjęcie wy­ła­muje się z siatki, ale w miły dla oka sposób: — I wła­śnie bardzo do­brze, że nie jest do spadu. — Jako prze­ci­wień­stwo po­kazał roz­kła­dówkę 4041, która gdyby tylko mogła za­wierać boczny przypis o tej samej wy­so­kości, co prawa ko­lumna — by­łoby ide­alnie.
 We­dług niego w tego typu (oko­licz­no­ścio­wych) pu­bli­ka­cjach po­winno się unikać po­zo­sta­wiania na końcu wiersza nie tylko słów jed­no­li­te­ro­wych, ale rów­nież dwu– i trzy­li­te­ro­wych, jak „do” czy „dla” po to, by za­chować w wierszu lo­giczną cią­głość.
 Do grub­szych man­ka­mentów na­leży nie­przy­sta­jąca do ca­łości pa­gi­nacja, co szcze­gólnie widać na stro­nach 1844. No wła­śnie, gdybym nie za­po­mniał jej tu usunąć (jak na s. 6), być może nie rzu­ca­łoby się to tak w oczy. Su­ge­ro­wane przez Ste­fana roz­wią­zanie, to od­su­nięcie pa­gi­nacji od ko­lumny i po­więk­szenie jej, być może na­le­żało za­grać też ko­lorem lub krojem.
 Ko­lejne, może nie rzu­ca­jące się w oczy, ale duże błędy zna­lazł w Do­dat­kach. Primo: sposób przed­sta­wienia ty­tu­la­riów mija się z ich pre­zen­tacją w tek­ście, co może być my­lące. Se­cundo: skoro w bi­blio­grafii mamy pod­cięcie, to w na­stę­pu­jącym po nim spisie ilu­stracji też można je było za­sto­sować.
 Jak widać na pod­glą­dach, w tek­ście są trzy­stop­niowe ty­tuły. Pierwszy — Avant Garde, wer­sa­li­kami — wy­su­nięty ponad ko­lumnę, drugi ka­pi­ta­li­kami i trzeci kur­sywą tego sa­mego — Mi­nion — kroju, co tekst główny, od­dzie­lone od niego tylko or­na­mentem z pół­fi­re­to­wymi świa­tłami. Tutaj Stefan za­sta­na­wiał się, czy nie le­piej aka­pity z ty­tułem trze­ciego stopnia rów­nież po­zbawić wcięcia.
 Ostatnie, za­pa­mię­tane przeze mnie roz­wa­żania sku­piały się na stronie ty­tu­łowej, a ści­ślej na pod­ty­tule, który wy­daje się zbyt mocny w sto­sunku do tytułu. — Być może — mówił Stefan — na­le­żało go złożyć ja­kimś małym stop­niem, pi­smem pro­stym, wy­środ­kować, trochę obniżyć…

Tyle mi­strzowie. Za­pewne nie po­wie­dzieli wszyst­kiego, a i ja nie wszystko za­pa­mię­tałem, więc jeśli ktoś jeszcze chciałby za­bawić się w tro­pienie błędów, za­pra­szam do komentarzy.

Módlmy się!

28 października 2009  [Instapaper Text] [Readability]

Jeśli się mo­dlić, to tylko w Kra­kowie. Nie­cały rok temu od­były się pierwsze Kra­kow­skie Re­ko­lekcje Aka­de­mic­kiego Kursu Ty­po­grafii (KRAK­Typo). W za­myśle miały być spo­tka­niem ab­sol­wentów i wy­kła­dowców AKT-​u, choć nie za za­mknię­tymi drzwiami. Dziś KRAK­Typo staje się ważną, fa­chową kon­fe­rencją otwartą dla wszyst­kich chęt­nych.
 Je­dziemy do Kra­kowa? Ko­niecznie. Cie­kawy pro­gram i nieźli pre­le­genci — po­jawią się: To­masz Bier­kowski, Ro­bert Chwa­łowski, Łukasz Dzie­dzic, Artur Fran­kowski, Marcin Front­czak, Jo­anna Górska, Woj­ciech Ja­nicki, Ma­rian Ka­sprzycki, Krzysztof Koch­no­wicz, Ro­bert Oleś, Fran­ci­szek Otto, Henryk Sa­kwerda, Ewa Sa­ta­lecka, Piotr Sier­żęga, Jerzy Skakun, Stefan Szczypka, An­drzej To­ma­szewski.
 Kilka dni temu za­mknięto re­je­strację na stronie in­ter­ne­towej — zgło­siła się już mak­sy­malna ilość uczest­ników. Gdyby jednak ktoś był zde­ter­mi­no­wany, pro­po­nuję na­pisać do or­ga­ni­za­torów.
 Żeby była ja­sność — ja też się wy­bieram. Mam nie­od­parte wra­żenie, że spo­tkam w Kra­kowie co naj­mniej kilku z Was. Po­my­ślałem sobie, że skoro KRAK­Typo ogłasza kon­kurs na plakat, to i ja jakiś mógłbym ogłosić. Niech to bę­dzie con­fessio, jak na re­ko­lekcje przy­stało. Osoby, które na­piszą w ko­men­tarzu do po­wyż­szego ar­ty­kułu, dla­czego wy­bie­rają się na KRAK­Typo, wezmą udział w lo­so­waniu na­gród pod­czas kon­fe­rencji. Wśród na­gród znajdą się… albo niech to bę­dzie nie­spo­dzianka. I pa­mię­tajcie — nie­obecni nie mają racji.

Strona in­ter­ne­towa kon­fe­rencji
www​.krak​typo​.pl