ΡΠΌΡΡΠ»ΠΎΠ²ΠΎΠ΅ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅
Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΠ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠΉ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΉ ΡΡΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠΌΠ΅Π΅Ρ Π½Π°ΠΈΠ±ΠΎΠ»ΡΡΠ΅Π΅ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ Ρ Π·Π°ΡΡΠ΅Π±ΠΎΠ²Π°Π½Π½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ. (ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΠΌΠ΅ΡΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΌΠΎΠ³ΡΡ Π½Π΅ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡ ΡΠΎΡΠ½ΠΎ). ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π΄Π»Ρ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠ΄Π΅ ΡΡΠΈΡΡΠ° (ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΠΈΠ»ΠΈ ΡΠΈΠΌΠ²ΠΎΠ»ΡΠ½ΡΠΉ), ΠΏΡΠΈΡΠΎΠ΄Π΅ Π·Π°ΡΠ΅ΡΠ΅ΠΊ, Π²Π΅ΡΠ΅, cap-Π²ΡΡΠΎΡΠ΅, x-Π²ΡΡΠΎΡΠ΅, Π²ΠΎΡΡ ΠΎΠΆΠ΄Π΅Π½ΠΈΠΈ, Π½ΠΈΡΡ ΠΎΠΆΠ΄Π΅Π½ΠΈΠΈ, Π½Π°ΠΊΠ»ΠΎΠ½Π΅ ΠΈ Ρ.ΠΏ.
ΡΠΈΠ½ΡΠ΅Π·
Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΠ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π»ΠΈΡΡ ΠΏΡΠΈΠ±Π»ΠΈΠ·ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΎΠ²ΠΏΠ°Π΄Π°Π΅Ρ ΠΏΠΎ Π²Π½Π΅ΡΠ½Π΅ΠΌΡ Π²ΠΈΠ΄Ρ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎ ΠΌΠ΅ΡΡΠΈΡΠ΅ΡΠΊΠΈΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌ, Ρ Π·Π°ΠΏΡΠΎΡΠ΅Π½Π½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ. ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π΄Π»Ρ ΡΠΈΠ½ΡΠ΅Π·ΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π΄Π»Ρ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ ΠΈ ΠΎΠ±ΡΡΠ½ΠΎ ΡΡΠ΅Π±ΡΠ΅Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΡΠ½ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π΄Π»Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΡ Π΅ΠΌ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ. Π ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ Π΄Π»Ρ ΡΠΈΠ½ΡΠ΅Π·Π° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡ ΡΠΎΡΠ½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΡΠΈΡΠΈΠ½Ρ ΠΈ ΡΠΈΠΌΠ²ΠΎΠ»Ρ Π΄Π»Ρ Π³Π»ΠΈΡΠΎΠ² Π·Π°ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ, Π΅ΡΠ»ΠΈ ΡΠΎΡ ΡΠ°Π½ΡΡΡΡΡ Π²ΡΠ΅ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠΈ Π²ΠΈΠ΄Π° ΡΠΏΠ΅ΡΠΈΡΠΈΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΡΠΈΡΡΠ°.
Π·Π°Π³ΡΡΠ·ΠΊΠ°
ΠΠ°ΠΊΠΎΠ½Π΅Ρ, ΠΠ ΠΌΠΎΠΆΠ΅Ρ Π·Π°ΡΡΠ΅Π±ΠΎΠ²Π°ΡΡ ΡΡΠΈΡΡ Π² Web. ΠΡΠΎΡ ΠΏΡΠΎΡΠ΅ΡΡ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΈΠ· Web ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π·Π²ΡΠΊΠΎΠ² ΠΈΠ»ΠΈ Π°ΠΏΠ»Π΅ΡΠΎΠ² Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ΅Π³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈ ΡΠ°ΠΊ ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ·Π²Π°ΡΡ Π·Π°Π΄Π΅ΡΠΆΠΊΡ Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠ°ΡΡΡΠΌ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΡΠ΅Ρ Π·Π°Π³ΡΡΠ·ΠΊΡ ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π΄ΡΡΠ³ΠΈΡ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ²; ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ Π·Π°ΠΌΠ΅ΡΠ°ΡΡΠΈΠΉ ΡΡΠΈΡΡ (ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π½ΠΈ, ΡΠΌΡΡΠ»ΠΎΠ²ΠΎΠ΅ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡΠΈΠ½ΡΠ΅Π·), ΡΡΠΎΠ±Ρ Π΄Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠΈΡΠ°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΠΏΠΎΠΊΠ° ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π·Π°Π³ΡΡΠ·ΠΊΠ° ΡΡΠΈΡΡΠ°. ΠΠ°ΠΊ ΡΠΎΠ»ΡΠΊΠΎ Π½ΡΠΆΠ½ΡΠΉ ΡΡΠΈΡΡ Π·Π°Π³ΡΡΠΆΠ΅Π½, ΠΎΠ½ Π·Π°ΠΌΠ΅ΡΠ°Π΅Ρ Π²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΡΡΠΈΡΡ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠ°ΡΡΡΠΌ ΡΡΠ΅Π±ΡΠ΅Ρ Π½Π°Π»ΠΈΡΠΈΡ ΠΌΠ΅ΡΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΎ ΡΡΠΈΡΡΠ΅ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΈΡΠΊΠ»ΡΡΠΈΡΡ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠΎΠ²ΠΊΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΏΠΎΡΠ»Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈ Π²ΡΠ²ΠΎΠ΄Π° ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΡΡΠΈΡΡΠ°. ΠΡΠ° ΠΌΠ΅ΡΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅Π»ΡΠ½Π°, ΡΡΠΎΠ±Ρ Π΅Ρ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΡΠΏΠ΅ΡΠΈΡΠΈΡΠΈΡΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΡΠΈΡΡΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° Π½Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ°Π·Π°.
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΡΠΈΡΡΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΌΠΎΡΡΠΎΠΌ ΠΌΠ΅ΠΆΠ΄Ρ Π°Π²ΡΠΎΡΡΠΊΠΎΠΉ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠ΅ΠΉ ΡΡΠΈΡΡΠ° ΠΈ Π΄Π°Π½Π½ΡΠΌΠΈ ΡΡΠΈΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ Π΄Π°Π½Π½ΡΠ΅, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π΄Π»Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΠΈ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π°Π±ΡΡΡΠ°ΠΊΡΠ½ΡΡ Π³Π»ΠΈΡΠΎΠ², Π΄Π»Ρ ΠΊΠΎΡΠΎΡΡΡ ΠΊΠ°ΡΡΠ° ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² Π² Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌ ΠΊΠΎΠ½ΡΡΡΠΎΠΌ ΠΈΠ»ΠΈ ΡΠ°ΡΡΡΠΎΠΌ. Π¨ΡΠΈΡΡΡ ΠΈΠΌΠ΅ΡΡ ΡΡΡΠ»ΠΊΡ ΠΈΠ· ΡΠ²ΠΎΠΉΡΡΠ² ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ.
ΠΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΠΈΡΡΠΎΠ² Π΄ΠΎΠ±Π°Π²Π»ΡΡΡΡΡ ΠΊ ΠΠ ΡΡΠΈΡΡΠΎΠ² ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π·Π°ΡΠ΅ΠΌ Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΡ Π΄Π°Π½Π½ΡΡ ΡΡΠΈΡΡΠ°. ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΡΠΈΡΡΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ ΡΡΠΈΡΡΠ° Π² Web, ΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΡΠΈΡ Π΄Π°Π½Π½ΡΡ ΡΡΠΈΡΡΠ°. ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ ΡΡΠΈΡΡΠ° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ² ΡΡΠΈΡΡΠ° ΠΈΠ· ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΡ Π΄Π°Π½Π½ΡΡ ΡΡΠΈΡΡΠ°. Π‘ΡΠ΅ΠΏΠ΅Π½Ρ Π΄Π΅ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΠΈΡΡΠ° ΠΌΠΎΠΆΠ΅Ρ Π²Π°ΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ ΠΎΡ ΠΈΠΌΠ΅Π½ΠΈ ΡΡΠΈΡΡΠ° Π΄ΠΎ ΡΠΏΠΈΡΠΊΠ° ΡΠΈΡΠΈΠ½Ρ Π³Π»ΠΈΡΠΎΠ².
ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ ΡΡΠΈΡΡΠ° ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ»Π°ΡΡΠΈΡΠΈΡΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΎ ΡΡΡΠΌ ΡΠΈΠΏΠ°ΠΌ:
1ΡΠ»ΡΠΆΠ°ΡΠΈΠ΅ ΡΠ²ΡΠ·ΠΊΠΎΠΉ ΠΌΠ΅ΠΆΠ΄Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΡΠΈΡΡΠ° Π² CSS ΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ ΡΡΠΈΡΡΠ° (ΡΡΠΈ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ ΠΈΠΌΠ΅ΡΡ ΡΠ΅ ΠΆΠ΅ ΠΈΠΌΠ΅Π½Π°, ΡΡΠΎ ΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΡΠΈΡΡΠ° CSS),
2URI Π΄Π»Ρ Π»ΠΎΠΊΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ ΡΡΠΈΡΡΠ°,
3Π΄Π»Ρ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠΈ ΡΡΠΈΡΡΠ°, ΡΠ²Π»ΡΡΡΠΈΠ΅ΡΡ ΡΠ²ΡΠ·ΠΊΠΎΠΉ ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ ΡΡΠΈΡΡΠ° ΠΈ Π΄Π°Π½Π½ΡΠΌΠΈ ΡΡΠΈΡΡΠ°.
ΠΡΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΠΈΡΡΠ° ΡΠΏΠ΅ΡΠΈΡΠΈΡΠΈΡΡΡΡΡΡ at-ΠΏΡΠ°Π²ΠΈΠ»ΠΎΠΌ @font-face. ΠΠ±ΡΠ°Ρ ΡΠΎΡΠΌΠ° ΡΠ°ΠΊΠ°Ρ:
@font-face { <font-description> }
Π³Π΄Π΅ <font-description> ΠΈΠΌΠ΅Π΅Ρ ΡΠΎΡΠΌΡ:
Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡ: Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅; Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡ: Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅; [...] Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡ: Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅;
ΠΠ΄Π½ΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ @font-face ΡΠΏΠ΅ΡΠΈΡΠΈΡΠΈΡΡΠ΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΠ° ΡΡΠΈΡΡΠ°, ΡΠ²Π½ΠΎ ΠΈΠ»ΠΈ Π½Π΅ΡΠ²Π½ΠΎ. ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ, Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΠΈΠ΅ ΡΠ²Π½ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Π² ΠΏΡΠ°Π²ΠΈΠ»Π΅, Π±Π΅ΡΡΡ ΠΈΡ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ° Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΠ° Π² ΡΡΠΎΠΉ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ. ΠΡΠΈ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ΅ ΡΠΎΠ³ΠΎ ΠΏΡΠ°Π²ΠΈΠ»Π° @font-face, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΎΠ½ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Ρ, ΠΈ Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ ΡΠ·ΡΠΊΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π½Π° ΡΠΎ, Π΄Π»Ρ ΠΊΠ°ΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ, ΠΈΠ»ΠΈ Π½Π° ΡΠΎ, Π½Π°ΡΠ»Π΅Π΄ΡΡΡΡΡ Π»ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ.
ΠΠΎΡΡΡΠΏΠ½ΡΠ΅ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ ΡΡΠΈΡΡΠ° ΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ Π΄Π°Π»Π΅Π΅ Π² ΡΠ°Π·Π΄Π΅Π»Π°Ρ ΡΡΠΎΠΉ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎ ΡΡΠΈΡΡ 'Robson Celtic', ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠΉ ΠΈ ΠΈΠΌΠ΅ΡΡΠΈΠΉ ΡΡΡΠ»ΠΊΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅ΠΉΡΡ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Font test</TITLE> <STYLE TYPE="text/css" MEDIA="screen, print"> @font-face { font-family: "Robson Celtic"; src: url("http://site/fonts/rob-celt") } H1 { font-family: "Robson Celtic", serif } </STYLE> </HEAD> <BODY> <H1> ΠΡΠΎΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Robson Celtic</H1> </BODY> </HTML>
Π’Π°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ (Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ STYLE) ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ CSS, ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΠ΅Π΅ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ H1 Π½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΌΠ΅ΠΉΡΡΠ²Π° ΡΡΠΈΡΡΠΎΠ² 'Robson Celtic'.
Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ CSS1 Π±ΡΠ΄Π΅Ρ ΠΈΡΠΊΠ°ΡΡ Ρ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° ΡΡΠΈΡΡ, ΡΡΠΈ ΠΈΠΌΡ ΡΠ΅ΠΌΠ΅ΠΉΡΡΠ²Π° ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡ Ρ 'Robson Celtic', ΠΈ, Π΅ΡΠ»ΠΈ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ Π½Π΅ Π±ΡΠ΄Π΅Ρ Π½Π°ΠΉΠ΄Π΅Π½ΠΎ, Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ½ΡΠΉ Π΄Π»Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΠ ΡΠ΅Π·Π΅ΡΠ²Π½ΡΠΉ ΡΡΠΈΡΡ serif (ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΡΡΠ΅ΡΡΠ²ΠΎΠ²Π°ΡΡ).
ΠΠ, ΡΠ΅Π°Π»ΠΈΠ·ΡΡΡΠΈΠΉ CSS2, ΡΠ½Π°ΡΠ°Π»Π° ΠΏΡΠΎΠ²Π΅ΡΡΠ΅Ρ ΠΏΡΠ°Π²ΠΈΠ»Π° @font-face Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠ° ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΠΈΡΡΠ°, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ 'Robson Celtic'. ΠΠ°Π½Π½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠ΅Π΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ. Π₯ΠΎΡΡ Π² ΡΡΠΎΠΌ ΠΏΡΠ°Π²ΠΈΠ»Π΅ ΠΈ Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Π°Π½Π½ΡΡ ΡΡΠΈΡΡΠ°, Π² Π½ΡΠΌ Π΅ΡΡΡ URI, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΡΠΎΡΠΈΡΡ ΡΡΠΈΡΡ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°. ΠΠ°Π³ΡΡΠΆΠ΅Π½Π½ΡΠ΅ ΡΡΠΈΡΡΡ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌΠΈ Π΄Π»Ρ Π΄ΡΡΠ³ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠΡΠ»ΠΈ Π½Π΅ Π½Π°ΠΉΠ΄Π΅Π½ΠΎ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ Π΄Π»Ρ @font-face, ΠΠ ΠΏΠΎΠΏΡΡΠ°Π΅ΡΡΡ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΡΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ ΠΠ Ρ CSS1.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ, Π΅ΡΠ»ΠΈ ΡΡΠΈΡΡ 'Robson Celtic' Π±ΡΠ» ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π½Π° ΠΊΠ»ΠΈΠ΅Π½ΡΡΠΊΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠ΅, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ·Π²Π°ΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌ Π°Π³Π΅Π½ΡΠΎΠΌ Π²Ρ ΠΎΠ΄Π° Π² ΠΠ ΡΡΠΈΡΡΠΎΠ² Π΄Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΠΎΠΉ ΠΊΠΎΠΏΠΈΠΈ, ΠΊΠ°ΠΊ ΠΎΠΏΠΈΡΠ°Π½ΠΎ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Π°Π»Π³ΠΎΡΠΈΡΠΌ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΡ ΡΡΠΈΡΡΠ°. Π£ΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½Π°Ρ ΠΊΠΎΠΏΠΈΡ ΠΏΠΎΠ»ΡΡΠΈΡ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ Π΄ΠΎ Π·Π°Π³ΡΡΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ ΡΡΠΈΡΡΠ° (Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅).
Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ CSS1, Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡΠΈΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ @font-face, Π²ΡΡΠΈΡΠ»ΡΡ ΠΎΡΠΊΡΡΠ²Π°ΡΡΡΡ ΡΠΈΠ³ΡΡΠ½ΡΡ ΡΠΊΠΎΠ±ΠΊΡ ΠΈ Π±ΡΠ΄ΡΡ ΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΡ Π΄ΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠ΅ΠΉ ΡΠΊΠΎΠ±ΠΊΠΈ. ΠΡΠΎ at-ΠΏΡΠ°Π²ΠΈΠ»ΠΎ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ Π²ΠΏΠ΅ΡΡΠ΄-ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΠ³ΠΎ ΡΠ°Π·Π±ΠΎΡΠ° CSS. Π Π°Π·Π±ΠΎΡΡΠΈΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° Π±Π΅Π· Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΠΎΠ²Π΅Π½ΠΈΡ ΠΎΡΠΈΠ±ΠΊΠΈ.
Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΠΎΠ² ΡΡΠΈΡΡΠ° ΠΈ Π΄Π°Π½Π½ΡΡ ΡΡΠΈΡΡΠ° Π΄Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ Π²ΡΠ±ΠΎΡ ΠΈ/ΠΈΠ»ΠΈ Π·Π°ΠΌΠ΅Π½Ρ ΡΡΠΈΡΡΠ°. ΠΠ°ΡΠΈΡΠ° Π΄Π°Π½Π½ΡΡ ΠΈ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΏΠ»ΠΈΠΊΠ°ΡΠΈΠΈ Π΄Π»Ρ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΠΎΠ² ΡΡΠΈΡΡΠ° ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΌΠ΅Π½Π΅Π΅ ΠΆΡΡΡΠΊΠΈΠΌΠΈ, ΡΠ΅ΠΌ Π΄Π»Ρ ΠΏΠΎΠ»Π½ΡΡ Π΄Π°Π½Π½ΡΡ ΡΡΠΈΡΡΠ°.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΡΠΈΡΡΠ° Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ ΠΈΠΌΠ΅ΡΡ Π΅Π³ΠΎ Π² Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠΌ ΠΊΡΡΠ΅, Π΅ΡΠ»ΠΈ ΠΎΠ½ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ Π² ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ; ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π½Π΅ ΠΏΠΎΡΡΠ΅Π±ΠΎΠ²Π°ΡΡ Π΄ΠΎΡΡΡΠΏΠ° ΠΊ ΠΏΠΎΠ»Π½ΠΎΠΌΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΡΠΈΡΡΠ° Π² Web Π±ΠΎΠ»ΡΡΠ΅, ΡΠ΅ΠΌ ΠΎΠ΄Π½ΠΎΠΊΡΠ°ΡΠ½ΠΎ, Π΄Π»Ρ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΡΠΈΡΡΠ°.
ΠΡΠ»ΠΈ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡ ΡΡΠΈΡΡΠ° Π΄ΡΠ±Π»ΠΈΡΡΠ΅ΡΡΡ, ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΏΠΎΡΠ²ΠΈΠ²ΡΠΈΠΉΡΡ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ, Π° ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°ΡΡΡΡ.
Π’Π°ΠΊΠΆΠ΅ Π»ΡΠ±ΡΠ΅ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΡΠ°ΡΠΏΠΎΠ·Π½Π°ΡΡΡΡ ΠΈΠ»ΠΈ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΠΠ, Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°ΡΡΡΡ. ΠΠΎΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π²Π΅ΡΡΠΈΠΈ CSS ΠΌΠΎΠ³ΡΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ Π΄Π»Ρ Π»ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΠ΄Π±ΠΎΡΠ°, Π·Π°ΠΌΠ΅Π½Ρ ΠΈΠ»ΠΈ ΡΠΈΠ½ΡΠ΅Π·Π° ΡΡΠΈΡΡΠ°.
Π‘Π»Π΅Π΄ΡΡΡΠΈΠ΅ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΡ ΠΈΠΌΠ΅ΡΡ ΡΠ΅ ΠΆΠ΅ ΠΈΠΌΠ΅Π½Π°, ΡΡΠΎ ΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΡΠΈΡΡΠ° CSS2, ΠΈ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ΠΎΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡΠΏΠΈΡΠΎΠΊ ΡΠ°Π·Π΄Π΅Π»ΡΠ½Π½ΡΡ Π·Π°ΠΏΡΡΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ Π² ΡΠ°ΠΊΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅ (Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΎΡΠΎΠ±ΠΎ ΠΎΡΠΌΠ΅ΡΠ΅Π½Π½ΡΡ ) - ΡΠ΅ ΠΆΠ΅ ΡΠ°ΠΌΡΠ΅, ΡΡΠΎ ΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° CSS2. ΠΡΠ»ΠΈ ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ΠΎΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΎΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡ. ΠΡΠ»ΠΈ ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ, Π»ΡΠ±ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΡ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅. ΠΡΠ»ΠΈ Π² @font-face Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡ ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡΠ°.
'font-family'(ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ)
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: [ <family-name> | <generic-family> ] [, [<family-name> | <generic-family> ]]*
ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅: Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΠ
ΠΠΎΡΠΈΡΠ΅Π»Ρ: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ
ΠΡΠΎ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡ ΠΈΠΌΠ΅Π½ΠΈ ΡΠ΅ΠΌΠ΅ΠΉΡΡΠ²Π° ΡΡΠΈΡΡΠΎΠ² Π΄Π»Ρ ΡΡΠΈΡΡΠ°, ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡΠΈΠΉ ΡΠΎ ΠΆΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΡΡΠΎ ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ 'font-family'.
'font-style' (ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ)
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: all | [ normal | italic | oblique ] [, [normal | italic | oblique] ]*
ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅: all
ΠΠΎΡΠΈΡΠ΅Π»Ρ: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ
ΠΡΠΎ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡ ΡΡΠΈΠ»Ρ ΡΡΠΈΡΡΠ°, ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡΠΈΠΉ ΡΠΎ ΠΆΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΡΡΠΎ ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ 'font-style', Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° Π·Π°ΠΏΡΠ΅ΡΠ΅Π½ΠΎ.
'font-variant' (ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ)
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: [normal | small-caps] [,[normal | small-caps]]*
ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅: normal
ΠΠΎΡΠΈΡΠ΅Π»Ρ: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ
ΠΡΠΎ CSS-ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ, ΡΠ²Π»ΡΠ΅ΡΡΡ Π»ΠΈ ΡΡΠΎΡ ΡΡΠΈΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠΌ "ΠΌΠ°Π»ΡΠ΅ Π·Π°Π³Π»Π°Π²Π½ΡΠ΅". ΠΠ½ ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΡΠ΅ ΠΆΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΡΡΠΎ ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ 'font-variant', Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° Π·Π°ΠΏΡΠ΅ΡΠ΅Π½ΠΎ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΠΈΡΠΈΠ»Π»ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΏΡΡΠΌΡΠ΅ ΡΡΠΈΡΡΡ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Ρ Π² 'font-variant' ΠΊΠ°ΠΊ "ΠΌΠ°Π»ΡΠ΅ Π·Π°Π³Π»Π°Π²Π½ΡΠ΅", ΡΡΠΎ Π»ΡΡΡΠ΅ ΡΠΎΠ²ΠΌΠ΅ΡΠ°Π΅ΡΡΡ Ρ Π»Π°ΡΠΈΠ½ΠΈΡΠ΅ΠΉ (Π° ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΉ ΠΊΡΡΡΠΈΠ² - ΠΏΠΎΠΌΠ΅ΡΠ΅Π½ 'font-style' ΠΊΠ°ΠΊ italic Ρ ΡΠΎΠΉ ΠΆΠ΅ ΡΠ΅Π»ΡΡ).
'font-weight' (ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ)
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: all | [normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900] [, [normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900]]*
ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅: all
ΠΠΎΡΠΈΡΠ΅Π»Ρ: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ
ΠΡΠΎ Π΄Π΅ΡΠΊΡΠΈΠΏΡΠΎΡ Π²Π΅ΡΠ° ΡΡΠΈΡΡΠ° ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π΄ΡΡΠ³ΠΈΡ ΡΡΠΈΡΡΠΎΠ² ΡΠΎΠ³ΠΎ ΠΆΠ΅ ΡΠ΅ΠΌΠ΅ΠΉΡΡΠ²Π°. ΠΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΡΠ΅ ΠΆΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΡΡΠΎ ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ 'font-weight', Ρ ΡΡΠ΅ΠΌΡ ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡΠΌΠΈ:
1ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΊΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π° (bolder, lighter) Π½Π΅ ΡΠ°Π·ΡΠ΅ΡΠ°ΡΡΡΡ;