fontFamily

Sets or gets an element's font.

Description

Read or update the panel element's font.

See the supported font family values

arial black
assistant light
assistant semi bold
avenida
avenir
avenir light
bai jamjuree
barlow extra light
barlow medium
basic
belinda
bodoni poster
braggadocio
brandon grotesque
bree
caudex
caveat
chelsea market
cinzel
clarendon lt
comic sans ms
cookie
coquette
corben
cormorant garamond light
cormorant garamond semi bold
courier new
din neuzeit grotesk
din next light
damion
dancing script regular
droid serif
eb garamond
enriqueta
fahkwang
forum
fraunces
fraunces 120 light
fraunces 120 semi bold
fredericka the great
futura
futura light
georgia
geotica four open
heebo light
heebo medium
helvetica
helvetica bold
helvetica light
itc arecibo
impact
inknut antiqua
jockey one
josefin slab
jura
k2d
kanit
karantina light
kelly slab
kepler
kodchasan
lato light
libre baskerville
linotype didot
lobster
lucida console
lucida sans unicode
lulo clean
maitree
marck script
marmelad
marzo
mitr
monoton
monotype baskerville
montserrat
mr de haviland
museo
museo slab
niconne
nimbus sans
nobile
noticia text
open sans
open sans condensed
oswald extra light
oswald medium
overlock
pacifica condensed
palatino linotype
patrick hand
peaches & cream
play
playfair display
playfair display bold
poppins extra light
poppins semi bold
pridi
prompt
proxima nova
questrial
quicksand
raleway
raleway semi bold
reklame script
roboto bold
roboto thin
rosewood
rozha one
rubik light
rubik medium
sacramento
sail
sarabun
sarina
secular one
signika
snell roundhand
soho condensed
space grotesk
spinnaker
sriracha
stencil
suez one
syne
tahoma
times new roman
trend
trirong
varela round
verdana
wix madefor display
wix madefor display bold
wix madefor display xbold
wix madefor text
wix madefor text bold
wix madefor text medium
wix madefor text xbold
work sans extra light
work sans semi bold

Note: Changing an element's fontFamily in code triggers an onFontChange() event.

Type:

stringRead & Write

Was this helpful?

Get an element's font value

Copy Code

1let font = $w("#myElement").fontFamily; // "helvetica"

Set an element's font value

Copy Code

1$w("#myElement").fontFamily = "arial";