⭕ font-family CSS Style Property

המאפיין font-family מגדיר את הגופן לאלמנט

דוגמא: ריק

Demo Panel:

cssguide

CSS: 111

HTML: 222

Syntax:

font-family: family-name | generic-family | initial | inherit;

Valid values:

Arial, Verdana, Tahoma, Trebuchet MS, Times New Roman, Georgia, Garamond, Courier New, Brush Script MT, serif, sans-serif, monospace, cursive, fantasy, system-ui, ui-serif, ui-sans-serif, ui-monospace, ui-rounded, math, emoji, fangsong

Js Syntax: element.style.fontFamily

תאימות דפדפנים

font-family
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
Arial	✔️	✔️	✔️	✔️
Arial Black	✔️	✔️	✔️	✔️
Book Antiqua	✔️	✔️	✔️	✔️
Brush Script MT	✔️	✔️	✔️	✔️
Console	✔️	✔️	✔️	✔️
Courier New	✔️	✔️	✔️	✔️
Cursive	✔️	✔️	✔️	✔️
Fantasy	✔️	✔️	✔️	✔️
Garamond	✔️	✔️	✔️	✔️
Georgia	✔️	✔️	✔️	✔️
Helvetica	✔️	✔️	✔️	✔️
Impact	✔️	✔️	✔️	✔️
Lucida	✔️	✔️	✔️	✔️
Lucida Sans Unicode	✔️	✔️	✔️	✔️
Monospace	✔️	✔️	✔️	✔️
Palatino Linotype	✔️	✔️	✔️	✔️
Serif	✔️	✔️	✔️	✔️
Sans-serif	✔️	✔️	✔️	✔️
symbol	✔️	✔️	✔️	✔️
Tahoma	✔️	✔️	✔️	✔️
Times New Roman	✔️	✔️	✔️	✔️
Trebuchet MS	✔️	✔️	✔️	✔️
Verdana	✔️	✔️	✔️	✔️
webdings	✔️	✔️	✔️	✔️
wingdings	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
wingdings 2	❌	❌	❌	❌
wingdings 3	❌	❌	❌	❌

דוגמא: שנה את הגופן

Demo Panel:

cssguide

CSS: 111

HTML: 222