czcionek - Kurs HTML i CSS
Czcionki CSS / Czcionki osadzone @font-faceSpis treści @font-face Czcionki osadzone @font-face Google Fonts Wersja czcionki Alfabet Lista czcionek Czcionki osadzone @font-face Najbardziej zaawansowaną możliwością ustalania kroju czcionki są tzw. czcionki osadzone. Jak czytelnik zapewne zauważył w rozdziale pt. Rodzaj czcionki, ustalenie kroju czcionki wcale nie jest takie proste. O czcionce przy użyciu której zostanie wyświetlona nasza strona WWW, decyduje zestaw "fontów" zainstalowanych przez użytkownika (w jego systemie...
- Czcionki CSS / Rodzaj czcionki {font-family}
...np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rodzaj, rodzaj1, rodzaj2,..." należy podać rodzaje czcionek. Podanie kilku rodzajów spowoduje, że jeśli użytkownik nie będzie posiadał pierwszego, to zostanie wybrany następny w kolejności (można oczywiście podać tylko jeden rodzaj). Jeżeli nazwa czcionki składa się z kilku wyrazów, należy ją objąć w znaki apostrofu (np. 'Times New Roman', 'Courier New'). Polecenie pozwala wybrać konkretny krój...
HTML dla zielonych / Rodzaj czcionki HTML <span "font-family">...style="font-family: rodzaj1, rodzaj2, rodzaj3...">Tu wpisz tekst</span> gdzie zamiast rodzaj, rodzaj1, rodzaj2, rodzaj3... należy wpisać rodzaje czcionek (np.: Arial, 'Courier New', 'Times New Roman', Verdana i inne). Jeżeli nazwa czcionki składa się z kilku wyrazów, to trzeba ją objąć w znaki apostrofu (np.: <span style="font-family: Verdana, 'Times New Roman', Arial">Tekst</span>). W miejsce kropek można wpisać dalsze rodzaje czcionek rozdzielone przecinkami (same kropki należy usunąć)...
- Czcionki CSS / Wielkość czcionki {font-size}
...przy powmocy powyższych wartości, może się różnić w zależności od przeglądarki. Z tego powodu bezpieczniej jest podawać wszystkie wielkości czcionek w pikselach (np.: 14px). Przykład rozmiar xx-small rozmiar x-small rozmiar small rozmiar medium rozmiar large rozmiar x-large rozmiar xx-large Wartości względne: smaller - mniejsza od bieżącej larger - większa od bieżącej Czcionka bieżąca to taka, której wielkość została określona w arkuszu stylów (importowanym, zewnętrznym...
- Czcionki CSS / Atrybuty mieszane czcionki {font}
...h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać wybrane wartości cech dotyczących czcionek, które będą oddzielone od siebie spacjami. Należy je wpisywać w następującej kolejności (przy czym można niektóre pominąć): Opcjonalnie dowolna liczba wartości poniższych cech (w dowolnej kolejności, ale zawsze na początku wartości atrybutów w tym poleceniu): font-style font-variant - w tym poleceniu obsługiwane są tylko wartości...
- Dobre praktyki / Przykazania webmastera
...musisz użyć niestandardowego fontu, dla krótkich nagłówków możesz skorzystać z techniki zamiennika obrazkowego, a dla obszerniejszych akapitów - z czcionek osadzonych. Stosuj inny tytuł na każdej podstronie Znacznik title powinien najlepiej odzwierciedlać treść zawartą na danej stronie. W związku z tym w każdym dokumencie powinien być inny, chyba że w serwisie masz dwa artykuły o identycznym tytule. Ponieważ znacznik ten może mieć również duże znaczenie, jeśli chodzi o pozycję strony w...
- Czcionki CSS / Proporcje czcionki {font-size-adjust}
...różne czcionki posiadają różne proporcje, czyli stosunek wysokości małej litery do wysokości całej czcionki (1ex/1em). Oto proporcje wybranych czcionek: Times New Roman - 0.46 Verdana - 0.58 Comic Sans MS - 0.54 Trebuchet MS - 0.53 Georgia - 0.5 Myriad Web - 0.48 Minion Web - 0.47 Gill Sans - 0.46 Bernhard Modern - 0.4 Caflish Script Web - 0.37 Flemish Script - 0.28 Czcionki o większych proporcjach, są bardziej czytelne już przy mniejszej wysokości całkowitej...
- CSS dla zielonych / Czcionka CSS {font-size, font-family}
...będzie to 'Times New Roman', chociaż to też nie jest pewne). Właśnie z tego powodu możliwe jest podanie po przecinku listy rodzajów czcionek, z których zostanie użyta ta, którą pierwszą w kolejności podawania będzie posiadał użytkownik. Dodatkowo na końcu listy można podać specjalną nazwę czcionki, która istnieje w każdym systemie operacyjnym - tzw. rodzinę ogólną. Pozwala ona określić krój czcionki, który wyglądem będzie przynajmniej przypominał efekt, który chcemy uzyskać...
- HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color">
...tła" oraz "kolor tekstu" należy wpisać definicję koloru odpowiednio: tła strony oraz tekstu na całej stronie. Robi się to tak samo jak w przypadku czcionek. Jeśli chcemy ustalić kolor tła oraz tekstu na całej stronie możemy użyć dodatkowych wartości atrybutu dla znacznika <body>. Wartości te ("background-color: ...; color: ...") nie wpisujemy w miejscu właściwej treści strony - tak jak w przypadku znaczników - lecz w atrybucie style="..." wewnątrz znacznika otwierającego <body> (przed...
- Komendy HTML 4.01 / Wykaz atrybutów
...disabled BUTTON, INPUT, OPTGROUP, OPTION, SELECT, TEXTAREA Niedostępny enctype FORM Typ zawartości face BASEFONT, FONT Lista nazw czcionek rozdzielonych przecinkami for LABEL Dopasowuje identyfikator do elementu frame TABLE Które krawędzie tabeli wyświetlić frameborder FRAME, IFRAME Życzenie obramowania ramki headers TD, TH Lista identyfikatorów komórek nagłówkowych height APPLET (wymagany) Wysokość początkowa height IFRAME Wysokość ramki...