+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Czcionki (/thread-czcionki)
Czcionki - walmen - 22-04-2011
RE: Czcionki - Kartofelek - 22-04-2011
1) Nazwy czcionki która zajmuje 1 "słowo" nie przerwane spacją nie pisze się w cudzysłowach
Arial, Tahoma, sans-serif
2) TitillumText - mało kto ma tą czcionkę. Kto nie ma - będzie widział Ariala itp, chyba że użyjesz @font-face (np tutaj: http://www.fontsquirrel.com/fontface/generator)
Więcej na ten temat przeczytasz tutaj:
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
3) Przeglądarki nigdy nie będą interpretowały tak samo czcionek. "Podobnie" - jak najbardziej, ale "Tak samo" - nigdy. Wystarczy popatrzeć na czcionki w Chromie, IE i Firefoxie. W FF są kanciaste, w IE bardzo ładne, a w Chromie - imo najładniejsze
Ale to BARDZO DOBRZE. Czemu? Nie ma sensu znowu pisać tego samego
RE: Czcionki - walmen - 22-04-2011
Dzięki wielkie już wszystko jasne. Mam mimo wszystko jeszcze jedno pytanie, jak winien wyglądać plik zapobiegający niezgodności z ie. Chodzi mi o część kodu typu:
<!--[if lt IE 7.0]><link href="./../themes/stylesheet/ie_7.css" rel="stylesheet" type="text/css"/>
<![endif]-->
Czy plik ie_7.css powinien mieć zdefiniowane całkowicie nowy arkusz stylów, czy wystarczy uwzględniać tam tylko te zmiany, które powodowały "wykrzaczanie" na stronie? Wiem, że to może zbyt dalekie posunięcie ale czy byłabym możliwość otrzymania od kogoś chociaż malutkiej części takiego pliku lub też linka do jakieś pomocnej strony odnośnie IE i CSS?Jak wiecie najłatwiej i wszystko zrozumieć na przykładach i stąd ta prośba.
RE: Czcionki - Kartofelek - 22-04-2011
Tylko to co powoduje błędy. Dzięki temu lamusy muszą mniej ściągać a i łatwiej ci to ogarnąć.
Czyli np dla normalnej przeglądarki masz tak:
Kod:
.sidebar {float:left; margin-left:30px; font-size:10px; background:red;}to w style_ie6.css zrób tak:
Kod:
.sidebar {margin-left:15px;}Pliku nie ma sensu wstawiać. To normalny plik css, tyle tylko, że przeczyta go tylko IE6 - więc nadpisze te style dla normalnych przeglądarek.
Aha i jeszcze jedno - oczywiście twoja powyższa deklaracja ma być ZA deklaracją styli dla normalnych przeglądarek.
Ps. Twój kod jest nielogiczny. Plik nazywa się style_ie7.css a komentarz mówi lt 7 czyli mniejsze od 7
RE: Czcionki - walmen - 23-04-2011
Tak tak zauważyłem z tym "lt" ale już nie zmieniałem. Dzięki wielkie za pomoc w tej kwestii. A tak ogólnie jeszcze jedno malutkie pytanie mam. Czy jest sens pisać wsparcie dla wcześniejszych wersji mozilli, opery, etc. czy raczej powinno się trzymać tego co najnowsze?Pytanie powstało po powrocie do domu kiedy na PC jednego z domowników odpaliłem powyższy skrypt w mozilli 2.6 to trochę się również posypał.
RE: Czcionki - Pedro84 - 23-04-2011
(23-04-2011, 21:19)walmen napisał(a): Czy jest sens pisać wsparcie dla wcześniejszych wersji mozilli, opery, etc. czy raczej powinno się trzymać tego co najnowsze?Wszystko zależy od wartości projektu. Dla prostych stron - imo nie.
Edit: Poza tym, dobrze napisany kod będzie wymagał drobnej kosmetyki, nic więcej.
RE: Czcionki - walmen - 26-04-2011
Panowie jeszcze jedno pytanie. Potrzebuje rozciągnąć tło w IE7,8 no i z tego co zdążyłem się zaznajomić z info w sieci to nie wyglada to zbyt ciekawie...czy ktoś zna może jakiś uniwersalny sposób na to?
RE: Czcionki - Kartofelek - 26-04-2011
albo repeat z odpowiednią literką, albo w css background-size z tego co pamiętam. ale to w google sprawdzisz.
Ale ty chcesz pod ie7/8 więc pozostaje ci tylko:
- powtarzanie tła
- wstawianie obrazka na tło i rozciąganie go na 100% height/width. Pewnie jquery się przyda i jego magiczne .height($(window).height()) i to samo w stosunku do width.
W google wszystko znajdziesz - poszukaj 100% background ect.
Dobrą metodą jest też tworzenie powtarzalnego tła, a contener strony dostaje środek, który jest nieco inny. Ale to już zależy od layoutu. Tak naprawdę dopiero co był taki temat...