Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

TailwindCSS Font Size dan Font Family Pert-2

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

Apa saja unit yang dapat digunakan untuk menentukan ukuran font di TailwindCSS?

a)

vw

b)

ch

c)

px, rem, em

d)

pt

2.

Apakah perbedaan antara unit 'px' dan 'rem' dalam menentukan ukuran font?

a)

The 'px' unit is used for vertical spacing while 'rem' is used for horizontal spacing.

b)

The 'px' unit is based on the viewport width while 'rem' is based on the viewport height.

c)

'px' stands for 'percentage x' and 'rem' stands for 'relative em'.

d)

The main difference is that 'px' is an absolute unit while 'rem' is a relative unit based on the root font size.

3.

Bagaimana cara menggunakan unit 'em' untuk menentukan ukuran font?

a)

Gunakan 'em' untuk mengatur tinggi font

b)

Gunakan 'em' untuk mengatur lebar font

c)

Gunakan 'em' untuk mengatur warna font

d)

Gunakan 'em' dengan nilai numerik untuk mengatur ukuran font relatif terhadap ukuran font elemen induk.

4.

Apakah fungsi dari unit 'vw' dalam menentukan ukuran font?

a)

Menentukan ukuran font berdasarkan tinggi viewport.

b)

Menentukan ukuran font berdasarkan jumlah karakter dalam teks.

c)

Menentukan ukuran font berdasarkan jumlah kata dalam teks.

d)

Menentukan ukuran font relatif terhadap lebar viewport.

5.

Bagaimana cara mengatur Font Family menjadi 'serif' pada sebuah elemen?

a)

font-family: cursive;

b)

font-family: monospace;

c)

font-family: sans-serif;

d)

font-family: serif;

6.

Apa kegunaan dari variant 'fantasy' pada Font Family?

a)

Fantasy fonts are used for formal documents.

b)

Fantasy fonts are primarily used in coding.

c)

Fantasy fonts are used for decorative or stylized purposes.

d)

Fantasy fonts are designed for easy readability.

7.

Bagaimana cara menentukan Font Family menjadi 'Inter' pada sebuah teks?

a)

font-family: 'Roboto', sans-serif;

b)

font-family: 'Inter', sans-serif;

c)

font-family: 'Helvetica', sans-serif;

d)

font-family: 'Arial', sans-serif;

8.

Apakah perbedaan antara Font Family 'serif' dan 'sans-serif'?

a)

Font Family 'serif' has decorative strokes at the ends of characters, while 'sans-serif' does not have these decorative strokes.

b)

Font Family 'serif' is bold and italicized, while 'sans-serif' is plain.

c)

Font Family 'serif' is more modern than 'sans-serif'.

d)

Font Family 'serif' is used for headings only, while 'sans-serif' is used for body text.

9.

Jelaskan penggunaan Font Family 'monospace' dalam desain web!

a)

Font Family 'monospace' digunakan dalam desain web untuk menampilkan teks dengan lebar karakter yang sama.

b)

Font Family 'monospace' digunakan dalam desain web untuk menampilkan teks dengan berbagai lebar karakter.

c)

Font Family 'monospace' hanya digunakan untuk judul dalam desain web.

d)

Font Family 'monospace' tidak berpengaruh pada tampilan teks dalam desain web.

10.

Apa yang dimaksud dengan Font Family 'Roboto' dalam konteks desain?

a)

A typeface designed by Google commonly used in modern digital design.

b)

A popular serif font used in print design

c)

A font exclusively available for Apple products

d)

A font known for its handwritten style

11.

Bagaimana cara menentukan Font Family menjadi 'Poppins' pada sebuah paragraf?

a)

p { font-family: 'Poppins', sans-serif; }

b)

p { font-family: 'Roboto', sans-serif; }

c)

p { font-family: 'Open Sans', sans-serif; }

d)

p { font-family: 'Arial', sans-serif; }

12.

Apa yang dimaksud dengan Font Family 'Helvetica' dalam desain grafis?

a)

Sebuah jenis huruf yang sering digunakan dalam desain cetak.

b)

Sebuah font yang dirancang oleh Adobe untuk digunakan secara eksklusif dalam desain web.

c)

Sebuah font yang terkenal dengan gaya serifnya.

d)

Sebuah font yang sering digunakan dalam desain web dan memiliki gaya clean dan modern.

13.

Apa fungsi dari unit 'rem' dalam menentukan ukuran font di CSS?

a)

Unit 'rem' digunakan untuk menentukan ukuran font berdasarkan tinggi viewport.

b)

Unit 'rem' digunakan untuk menentukan ukuran font berdasarkan lebar viewport.

c)

Unit 'rem' digunakan untuk menentukan ukuran font relatif terhadap ukuran font elemen induk.

d)

Unit 'rem' digunakan untuk menentukan ukuran font berdasarkan jumlah karakter dalam teks.

14.

Apa fungsi dari variant 'italic' pada Font Family?

a)

Variant 'italic' digunakan untuk menampilkan teks miring.

b)

Variant 'italic' digunakan untuk menampilkan teks tebal.

c)

Variant 'italic' digunakan untuk menampilkan teks dengan dekorasi.

d)

Variant 'italic' digunakan untuk menampilkan teks dengan spasi ganda.

15.

Apa kegunaan dari unit 'vw' dalam menentukan ukuran font di CSS?

a)

Unit 'vw' digunakan untuk menentukan ukuran font berdasarkan tinggi viewport.

b)

Unit 'vw' digunakan untuk menentukan ukuran font berdasarkan jumlah karakter dalam teks.

c)

Unit 'vw' digunakan untuk menentukan ukuran font berdasarkan jumlah kata dalam teks.

d)

Unit 'vw' digunakan untuk menentukan ukuran font relatif terhadap lebar viewport.

16.

Bagaimana cara menentukan Font Family menjadi 'Montserrat' pada sebuah heading?

a)

h1 { font-family: 'Roboto', sans-serif; }

b)

h1 { font-family: 'Montserrat', sans-serif; }

c)

h1 { font-family: 'Open Sans', sans-serif; }

d)

h1 { font-family: 'Arial', sans-serif; }

17.

Apa fungsi dari unit 'ch' dalam menentukan ukuran font di CSS?

a)

Unit 'ch' digunakan untuk menentukan ukuran font berdasarkan tinggi karakter '0' (nol).

b)

Unit 'ch' digunakan untuk menentukan ukuran font berdasarkan lebar karakter '0' (nol) dalam font saat ini.

c)

Unit 'ch' digunakan untuk menentukan ukuran font berdasarkan lebar karakter '1' (satu).

d)

Unit 'ch' digunakan untuk menentukan ukuran font berdasarkan lebar karakter 'x'.

18.

Apa perbedaan antara unit 'em' dan 'rem' dalam menentukan ukuran font?

a)

Unit 'em' digunakan untuk menentukan ukuran font relatif terhadap ukuran font elemen induk, sedangkan 'rem' relatif terhadap root font size.

b)

Unit 'em' digunakan untuk menentukan ukuran font berdasarkan tinggi viewport, sedangkan 'rem' berdasarkan lebar viewport.

c)

Unit 'em' digunakan untuk menentukan ukuran font berdasarkan jumlah karakter dalam teks, sedangkan 'rem' berdasarkan jumlah kata dalam teks.

d)

Unit 'em' digunakan untuk menentukan ukuran font berdasarkan lebar karakter 'x', sedangkan 'rem' berdasarkan lebar karakter '0' (nol).

19.

Apa yang dimaksud dengan variant 'small-caps' pada Font Family?

a)

Variant 'small-caps' digunakan untuk menampilkan teks dengan huruf kapital kecil yang lebih kecil dari huruf kapital besar.

b)

Variant 'small-caps' digunakan untuk menampilkan teks dengan huruf kapital besar yang lebih kecil dari huruf kapital kecil.

c)

Variant 'small-caps' digunakan untuk menampilkan teks dengan huruf kapital kecil yang sama ukurannya dengan huruf kapital besar.

d)

Variant 'small-caps' digunakan untuk menampilkan teks dengan huruf kapital besar yang sama ukurannya dengan huruf kapital kecil.

20.

Bagaimana cara menggunakan unit 'pt' untuk menentukan ukuran font dalam CSS?

a)

Gunakan 'pt' untuk mengatur tinggi font.

b)

Gunakan 'pt' untuk mengatur lebar font.

c)

Gunakan 'pt' untuk mengatur warna font.

d)

Gunakan 'pt' dengan nilai numerik untuk mengatur ukuran font absolut berdasarkan titik.