Inne działy

 

 

CSS właściwość font-family

 

Definicja i Wykorzystanie

 

Właściwość font-family  określa rodzinę czcionek.

Właściwość font-family może posiadać kilka nazw czcionek. Jeśli przeglądarka nie obsługuje pierwszej czcionki, próbuje zastosować następną czcionkę.

Istnieją dwa rodzaje nazw rodzin czcionek:

family-name - nazwa font-family, jak "times", "courier", "arial", itp.
generic-family - nazwa generic-family, jak "serif", "sans-serif", "cursive", "fantasy", "monospace".
Użyj czcionki, którą chcesz, i zawsze kończ ogólną nazwą rodziny, aby przeglądarka mogła wybrać podobną czcionkę z ogólnej rodziny, jeśli nie ma czcionki użytej przez nas.

Uwaga: Poszczególne wartości odzielaj przecinkami.

Uwaga: Jeżeli nazwa czcionki zawiera white-space (białe spacje), musi być użyta z cudzysłowem. Pojedyncze cudzysłowy muszą być używane podczas korzystania z atrybutu "style" w HTML.

Wartość domyślna: brak
Dziedziczenie: tak
Wersja: CSS1
JavaScript składnia: object.style.fontFamily="arial,sans-serif"

 

Właściwość font jest obsługiwana przez wszystkie główne przeglądarki.

Uwaga: wartość "inherit" nie jest obsługiwana w IE7 i wcześniejszych. IE8 wymaga !DOCTYPE. IE9 obsługuje "inherit".

 

Wartości właściwości
WartośćOpis
family-name
generic-family
Priorytetowa lista nazw rodzin czcionek i / lub nazwy rodzajowe
inherit Określa, że rodzina czcionek powinna być dziedziczona z elementu nadrzędnego

 

Przykład

p {font-family: fantasy, cursive, Serif;}

Przykład

<style type="text/css">
p {font-family: fantasy, cursive, Serif;}
</style>
<p>CSS font-family</p>

 

Przykład

<!DOCTYPE html>
<html>
<head>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">To jest akapit, użyto Times New Roman.</p>
<p class="sansserif">To jest akapit, pokazany w czcionce Arial.</p>

</body>
</html>

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.