157
Jaka jest różnica między tymi dwoma:font-style: italic vs skośnego w CSS
font-style:italic
font-style:oblique
Próbowałem za pomocą W3Schools editor ale nie był w stanie odróżnić.
Czego mi brakuje?
A
Odpowiedz
217
W najczystszym (typ projektowym) znaczeniu, ukośna jest czcionką rzymską, która została przekrzywiona o pewną liczbę stopni (8-12 stopni, zazwyczaj). Kursywą tworzy projektant typów, a poszczególne znaki (szczególnie małe litery a) są rysowane inaczej, aby utworzyć bardziej kaligraficzną i skosowaną wersję.
Niektóre rodzaje odlewni mają dowolnie utworzone skośne, niekoniecznie zatwierdzone przez samych projektantów ... niektóre czcionki nie miały być pochylone ani pochylone ... ale ludzie tak czy owak. Jak pewnie wiesz, niektóre systemy operacyjne po kliknięciu ikony "kursywą" pochylą czcionkę i utworzą ukośne w locie. Niezbyt przyjemny widok.
Najlepiej podać kursywę tylko wtedy, gdy masz pewność, że czcionka została zaprojektowana z taką czcionką.
+27
Warto zauważyć, że prawie żadna rodzina czcionek w środowisku naturalnym nie określa twarzy pochylonej i pochylonej, a większość silników renderujących podaje drugą twarz, jeśli określona twarz jest niedostępna dla tej czcionki. – SingleNegationElimination
+7
+1 za wyjaśnienie z punktu widzenia projektanta czcionki. – SunnyShah
+4
Ta odpowiedź nie dotyczy różnic funkcjonalnych, wzajemnej wyłączności ani różnic semantycznych. – ahnbizcad
58
Zasadniczo kursywą jest specjalna wersja czcionki, natomiast wersja skośna to tylko wersja regularna pochylona nieco. Obie są nachylone i są powiązane z normalną czcionką, ale kursywą będą specjalnie przygotowane specjalne formy literowe.
Większość czcionek zawiera kursywę lub wersję skośną; Nigdy nie widziałem kogoś, kto ma oba. (Jeśli masz wersję pochyłą, po co zawracać sobie głowę wersją skośną?)
17
Typ skośny (lub pochyły, nachylony) jest rodzajem czcionki lekko pochylonej w prawo, używanej w taki sam sposób, jak kursywą. Jednak w przeciwieństwie do kursywy nie używa on innych kształtów glifów; używa tych samych glifów co typ rzymski, z wyjątkiem zniekształceń.
dodatkowych wojsk Sprawia css font style oblique vs italic
+0
Doskonały artykuł. Wyjaśnia, czego potrzebujemy, aby zrozumieć różnicę. – awe
5
jak w kursywą i ukośne ta sama różnica jest widoczna przy porównaniu pochylony z sztucznego kursywą.
Zobaczysz faux-kursywy gdziekolwiek normalny czcionka jest przekrzywiony z font-style: italic; natomiast prawdziwy kursywa czcionki jest przeznaczony do pochyły.
Dno dwa ll pokazuje różnicę wyraźnie.
Powiązane problemy
- 1. Inconsolata Italic w MacVim
- 2. Przekształcenie CSS vs pozycja
- 3. CSS "::" vs ":" - pseudoelement vs pseudo-selektor?
- 4. CSS dziecko vs selektor potomny
- 5. Pytanie dotyczące pozycjonowania CSS - Tabele vs. bezwzględne vs. DL
- 6. canvas vs. webGL vs. CSS 3d -> który wybrać?
- 7. VS 2010 nie otwiera plików CSS
- 8. Rozszerzenie VS do manipulowania HTML/CSS
- 9. CSS Table-Row Backcolor vs Table Backcolor
- 10. css inline-block vs table-cell
- 11. iPhone 5 Przekątna VS CSS zapytania mediów
- 12. Chrome Renders CSS w odróżnieniu od trybu online vs offline?
- 13. Segoe UI Semilight w CSS nie działa na Chrome
- 14. CSS: hover /: focus vs click event na (mobilnym) urządzeniu dotykowym
- 15. Atrybut stylu vs ustawienie ID i zewnętrzny Css
- 16. CSS: #id .class VS .class performance. Co jest lepsze?
- 17. Pakiet matematyczny Java dla odwrotnych skumulowanych rozkładów skośnego normalnego wraz z poisson i wykładniczym
- 18. translate3d vs css left/top i sprzętowa akceleracja
- 19. Klasa vs pakiet vs moduł vs komponent vs kontener kontra serwis vs platforma w świecie Java
- 20. Zmierz czas w Linuksie - czas vs zegar vs getrusage vs clock_gettime vs gettimeofday vs timespec_get?
- 21. Int32 vs Int64 vs Int w C#
- 22. W kątomierz, browser.isElementPresent vs element.isPresent vs element.isElementPresent
- 23. CSS box-shadow w jQuery .css()
- 24. Selektory CSS - jak wybrać "dla" w CSS?
- 25. Stylizowanie atrybutu tytułu HTML za pomocą CSS
- 26. array.eq() vs. tablica [] w JavaScript i Jquery
- 27. Strona vs Extent vs. Segment vs. Tabele
- 28. Opa vs Dart vs Haxe vs coffeescript
- 29. VS 2008 vs VS 2008 Express
- 30. metoda vs funkcja vs procedura vs klasa?
Wiadomość z przyszłości: [Wikipedia] (http://en.wikipedia.org/wiki/Oblique_type) ma bardzo ładny przykład pokazujący różnicę pomiędzy [kursywa] (http: // pl. wikipedia.org/wiki/File:Garamond_Roman_Italic.svg) i [oblique] (http://en.wikipedia.org/wiki/File:Oblique_type_example.svg). – Cornstalks
Późne pytanie uzupełniające (a może to powinno iść do UX?): Jaki wolud jest prawdziwym przypadkiem użycia dla konkretnego wyboru ukośnego wariantu? Czy kursywny wariant "zawsze" nie jest lepszy? – KlaymenDK
@KlaymenDK: Trzeba przyznać, że jest to wąski przypadek użycia, ale mogę sobie wyobrazić, że preferuję czcionkę ukośną dla czytelności w przypadku niektórych małych rozmiarów czcionek na pikselowanych wyjściach: Przykład: użycie czcionki od 6 do 8 punktów na małym ekranie o współczynniku kształtu; niektóre kursywa mają cieńsze pociągnięcia i więcej ozdób, które mogą zmniejszyć czytelność w porównaniu z prostym "nachyleniem". –