QWE  Historia | Zaloguj Się     View a printable version of the current page. Get help!  
Szczegóły Zadania (XML | Word)

ID: OSN-8
Typ: Ulepszenie Ulepszenie
Status: Closed Closed
Rozwiązanie: Fixed
Priorytet: Major Major
Przydzielone Do: Adam Zieliński
Twórca: Borys Musielak
Głosy: 0
Obserwatorzy: 0
Operacje

Klonuj to zadanie
Utwórz podzadanie
Gdybyś był zalogowany mógłbyś widzieć więcej operacji.
OSNews.pl

Przetestowanie OSNews w przeglądarce z wolnymi fontami

Utworzone: 29/paź/07 11:02 PM   Aktualizowane: 16/lis/07 10:38 PM
Komponent/y: Grafika
Dotyczy Wersji: 1.0
Naprawione w Wersji: 1.0

Zaplanowany Czas Pracy: 5 godzin Pozostały Czas Pracy: 5 godzin Wykonana Praca: Nieznany
Załączniki: Żaden
Załączniki Obrazkowe:

1. freefonts.png
(197 kb)


 Opis  « Hide
Wygląda na to że OSNews.pl (podobnie zresztą jak niestety jakilinux i polishlinux) rozjeżdża się w przypadku korzystania z przeglądarki WWW z wolnymi fontami (bez zainstalowanych fontów Microsoftu) -- na przykład domyślna konfiguracja Ubuntu (czy większości dystrybucji).

Czcionki w takim wypadku są większe, przez co znikają dwie ostatnie kategorie w menu, a na stronach tagów (np http://osnews.pl/tag/programowanie/ ) napis wyjeżdża za daleko i nachodzi na inne części strony.
To efekt wyraźnie nieporządany.

Trzeba spróbować tak zmodyfikować CSS (użyć innych czcionek zastępczych?) żeby ten efekt został zniwelowany.

 Wszystkie   Komentarze   Dziennik Pracy   Historia Zmian      Sort Order:
Adam Zieliński [15/lis/07 03:00 PM]
Przeprowadziłem kilka eksperymentów z różnymi czcionkami. Najlepsze efekty uzyskałem z LiberationSans oraz FreeSans. LiberationSans nie jest domyślnie dostępna we wszystkich systemach, ze względu na klazulę w licencji GPL jaką dodał Red Hat, FreeSans powinna być w każdym systemie (przynajmniej w Ubuntu jest). Problem polega na tym że aby wszystkie kategorie były widoczne trzeba zmniejszyć odstęp pomiędzy nimi (są to elementy listy nieuporządkowanej) co nie pozostaje bez wpływu na wygląd strony w przeglądarce w której zastosowano niewolne czcionki (elementy są bliżej siebie co może wywołać efekt "zbicia się" w jedność). Problem w jakilinux udało mi się również przez zastosowanie czcionki FreeSans i zmniejszenia rozmiaru czcionki menu. Teraz rodzi się pytanie czy wprowadzamy zmiany w stylach produkcyjnych wiedząc że może zmienić to obecny wygląd stron w przeglądarkach z nie wolnymi fontami oraz poprawić wygląd stron w przeglądarkach bez tych fontów. Czy też zostawić sprawę tak jak jest wychodząc z założenia że przeważająca część użytkowników i tak instaluje czcionki MS, z drugiej strony głupio żeby serwisy promujące wolne oprogramowanie najlepiej wyglądały przy wykorzystaniu niewolnych elementów.

Borys Musielak [15/lis/07 03:17 PM]
Wolałbym nie mieszać w obecnym wyglądzie. Idealnie by było żeby przy nie-wolnych czcionkach wyświetlało się tak jak teraz, a przy niedostępności tych czcionek np zmniejszał się o 1px rozmiar czcionki albo działo się coś innego co spowoduje nierozwalanie się menu.
Da się zrobić coś takiego w CSS? Nie wierzę że się nie da :)

Paweł Czerski [15/lis/07 03:28 PM]
W CSS się da, nie wiem tylko w tej chwili jak wygląda obsługa w różnych przeglądarkach. Trzeba przetestować.

Jest właściwość mówiąca o względnym rozmiarze fontu, konkretnie wysokości jednoski {{ex}}.

Adam Zieliński [15/lis/07 05:48 PM]
Dziękuje za uwagi eksperymentowałem trochę z ustawieniami ex, i wydaje mi się że w menu kategorii osnews udało mi się uzyskać sensowne ustawienia, czy mógłby ktoś sprawdzić, wrzuciłem je do adz-dev.

Borys Musielak [15/lis/07 05:55 PM]
Z nie-wolnymi czcionkami wygląda bardzo podobnie. Pogrubiły się tylko nieco czcionki w headerach (Aktualności, etc) -- to celowe?
Z wolnymi przetestuje w domu na Linuksie.

Adam Zieliński [15/lis/07 08:38 PM]
Odnośnie jakilinux i polishlinux udało mi się jak wypracować to co jest na załączonym zrzucie. Aby uzyskać taki efekt należy linię:

#pages_nav{margin:7px 0;font-size:14px;}

zamienić na:

#pages_nav{margin:7px 0;font-size:14px; font-family: "Trebuchet MS",Helvetica,Norasi,Sans,Arial,sans-serif;}

Paweł Czerski [16/lis/07 11:50 AM]
W kod nie zaglądałem, ale chodziło mi o właściwość font-size-adjust

Michuk, włącz wiki-markup bo nie można sensownie sformatować komentarza nawet :-p

Borys Musielak [16/lis/07 10:38 PM]
Poprawione, wrzucona na główną