Ustaw czcionek za pomocą klas bootstrap
Ten zapis opisuje następujące czynności:
- Dostosowanie czcionki za pomocą klas Bootstrap 4
- Dostosowanie czcionki za pomocą klas Bootstrap 5
Dostosowanie czcionki za pomocą klas Bootstrap 4
W Bootstrap 4 masa czcionki elementów jest regulowana za pomocą kilku klas. Aby uzyskać praktyczną demonstrację, przejrzyj poniższe sekcje.
Jak sprawić, by waga czcionki była normalna w bootstrap 4?
„„czcionek-worka-normalna„Klasa jest wykorzystywana do wykonania normalnego tekstu. Ta klasa ma predefiniowane CSS ”grubość czcionki„Własność o wartości”400".
Przykład
Dodać "
”Element z pewnym tekstem i przypisz go„czcionek-worka-normalna" klasa.
Html
czcionek-worka-normalna
Wyjście
Jak sprawić, by czcionka światła w bootstrap 4?
„„światło czcionki„Klasa sprawia, że tekst jest cienki. Ma predefiniowany CSS "grubość czcionki„Własność o wartości”300".
Przykład
W trwającym przykładzie dodaj klasę „czcionki do światła” do „
" element:
Html
światło czcionki
Wyjście
Jak odważyć wagę czcionki w bootstrap 4?
„„czcionek-rozładowani„Klasa jest wykorzystywana do tworzenia odważnego tekstu. Ma predefiniowaną właściwość CSS „W-W-Wight” o wartości ”700".
Przykład
Dodaj "czcionek-rozładowani„Klasa do„
Html
czcionek-rozładowani
Wyjście
Jak zrobić czcionkę kursywą w bootstrap 4?
„„Font-Italic„Klasa jest wykorzystywana do tworzenia czcionki w stylu kursywnym. Ma predefiniowany CSS "styl czcionki„Własność o wartości”italski".
Przykład
Dodaj "Font-Italic„Klasa do„
”Tag:
Html
Font-Italic
Wyjście
Dostosowanie czcionki za pomocą klas Bootstrap 5
Za pomocą Bootstrap 5 wykorzystywane są następujące klasy do dostosowania masy czcionki różnych elementów.
Jak sprawić, by waga czcionki była normalna w bootstrap 5?
„„FW-normalne„Klasa jest wykorzystywana do tworzenia normalnego stylu czcionki tekstu. Ma predefiniowaną właściwość CSS „W-W-Wight” o wartości ”400".
Przykład
Dodaj "FW-normalne„Klasa do„
" element:
Html
FW-normalne
Wyjście
Jak odważyć ciężar czcionki w bootstrap 5?
„„czcionek-rozładowani„Klasa jest wykorzystywana do odważnego tekstu. Ma predefiniowany CSS "grubość czcionki„Klasa z wartością”700".
Przykład
Dodaj klasę „FW-Bold” do „
”Tag.
Html
FW-BOLD
Wyjście
Jak sprawić, by waga czcionka odważniejsza w bootstrap 5?
„„FW-Bolder„Klasa jest wykorzystywana do odważności tekstu. Ma predefiniowany CSS "grubość czcionki”Z wartością„odważniejszy".
Przykład
Dodaj klasę „czcionek-boldera” do „
" element.
Html
FW-Bolder
Wyjście
Jak sprawić, by czcionka światła w bootstrap 5?
„„światło czcionki„Klasa jest wykorzystywana do czynienia tekstu. Ma predefiniowany styl „grubość czcionki„Posiadanie wartości„300".
Przykład
Dodaj klasę „FW-Light” do „
" element.
Html
FW-Light
Wyjście
Jak sprawić, by waga czcionkowa była lżejsza w bootstrap 5?
„„logostwo czcionka„Klasa jest wykorzystywana do osiągnięcia lżejszego tekstu. Ma predefiniowany styl CSS ”grubość czcionki„Własność o wartości”zapalniczka".
Przykład
Dodaj „FW Lighter” do HTML „
" element.
Html
logosto FW
Wyjście
Jak sprawić, by styl czcionki był normalny w bootstrap 5?
„„Fst-normalny„Klasa jest wykorzystywana do wykonania tekstu w normalnym stylu. Ma predefiniowany styl CSS ”styl czcionki„Własność o wartości”normalna".
Przykład
Przypisz klasę „FST-normalną” do „
" element.
Html
Fst-normalny
Wyjście
Jak zrobić kursywę w stylu czcionek w bootstrap 5?
„„fst-Italic„Klasa jest wykorzystywana do tworzenia tekstu w stylu kursywnym. Ma predefiniowany styl „styl czcionki„Własność o wartości”italski".
Przykład
Przypisz „
„Element z klasą„ FST-Italic ”.
Html
fst-Italic
Wyjście
Chodziło o ustawianie czcionki za pomocą klas bootstrap.
Wniosek
Bootstrap 4 oferuje kilka klas, aby ustawić wagę czcionki elementu. Obejmują one, "czcionek-worka-normalna”,„światło czcionki”,„czcionek-rozładowani", I "Font-Italic". W Bootstrap 5, „FW-normalne”,„FW-BOLD”,„FW-Light”,„FW-Bolder”I więcej jest używanych. Ten zapis wyjaśnił, jak ustawić masę czcionki za pomocą klas bootstrap.