Kursywa w CSS: Zmień wygląd czcionki

Kursywa - jeden z najbardziej popularnych sposobów, aby wybrać fragment tekstu i nadać mu wartość. Jest idealny do cytatów, odniesień, nazw i imion. W HTML, istnieją dwa specjalne znaczniki do wyświetlenia kursywą. CSS działa kursywą właściwości font-style.

kursywa lub słońce?

Wyświetlacz o tej samej czcionki w kursywą znaku mogą się różnić. Na zdjęciu - trzy bloki tekstu wpisane przez ten sam typ Playfair Display. Pierwszym z nich jest prosty bezpośredni styl, a drugi i trzeci - kursywa. Są one otwarte w tej samej przeglądarce Google Chrome, ale wygląda zupełnie inaczej.
Fakt, że niektóre fonty mają własne zestawy znaków kursywy. Jeśli Twoja przeglądarka nie ma dostępu do tego zbioru, ale napotyka na tekst, który ma być wyświetlany jako kursywa stara się przechylić go na własną rękę.


w drugim bloku - tylko w wersji przetworzonej przeglądarki, a trzeci - w pierwotnej wersji kursywą Playfair czcionki ekranu, który ma niepowtarzalny styl, bardziej jak pisma. Przeglądarka po prostu cant każdy znak tekstu pod pewnym kątem, symulując kursywą. Dowiedzieć się, jak sprawić, by nacisk w CSS i HTML, ważne jest, aby pamiętać, że w przypadku konkretnych czcionek muszą zapewnić dostęp do swoich zestawów kursywą przeglądarki. W niektórych przypadkach wynikiem przeglądarki internetowej algorytmów nachylenia może być niezadowalająca.

HTML-kursywa

kursywa jest wyświetlany w formacie HTML, istnieją dwa specjalny tagi(od słowa kursywą) i EM.Obraz fragmentu tekstu zawarty w dowolnym z tych deskryptorów będzie taki sam.
& lt; script async = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
& lt ;! - fb_336x280_2 - & gt;

& lt; skrypt & gt; (adsbygoogle = window.adsbygoogle || []). push ({});

Różnica polega na przydziale logicznym. Znacznik em wskazuje na specjalne znaczenie fragmentu. Jest to ważne dla robotów wyszukiwania i czytników ekranu, które wyróżnią określony tekst intonacją.

Styl czcionki właściwości

W CSS kursywą steruje instrukcja stylu czcionki. Może przyjąć jedną z trzech podstawowych wartości:

  • normal - czcionka zwykłej czcionki;
  • kursywą;
  • ukośny - pochylony rysunek.

W chwili obecnej większość współczesnych przeglądarek traktuje tak samo ukośne i pochyłe, ale początkowo zakładano, że pierwsza jest wynikiem działania specjalnych algorytmów przeglądarki, przechylając każdy znak w prawo.

Jeśli żądana czcionka nie zostanie wykryta przez przeglądarkę, kursywą będzie wyglądać dokładnie tak samo jak ukośna.

W przeciwieństwie do em, css, właściwość stylu czcionki nie zapewnia specjalnego fragmentu o specjalnym znaczeniu, jest bardziej prawdopodobne, że odpowiada deskryptorowi i.

Przykłady

Kursywa kursywy są często wyróżniane. Spróbujmy dać Oscarowi Wilde dobry wygląd.

.quote {
styl czcionki: kursywa;
border-left: 5px solid red;
padding-left: 20px;
}


Oprócz ramki dekoracyjnej z prawej strony i wcięć, blok zacytujący określa regułę stylu czcionki z kursywą.
Używa kursywy w CSS.

Powiązane publikacje