แบบอักษร: ตัวเอียงและเอียงใน CSS

ความแตกต่างระหว่างสองสิ่งนี้คืออะไร:

font-style:italic
font-style:oblique

ฉันลองใช้เครื่องมือแก้ไข W3Schoolsแต่ไม่สามารถบอกความแตกต่างได้

ฉันกำลังคิดถึงอะไร

ในความหมายที่บริสุทธิ์ (ผู้ออกแบบประเภท) การเอียงคือแบบอักษรโรมันที่เอียงจำนวนองศา (8-12 องศาโดยทั่วไป) ตัวเอียงถูกสร้างขึ้นโดยผู้ออกแบบประเภทที่มีอักขระเฉพาะ (โดยเฉพาะตัวพิมพ์เล็ก a) วาดต่างออกไปเพื่อสร้าง calligraphic ที่มากขึ้นรวมถึงเวอร์ชันที่เอียง

โรงหล่อบางประเภทมีการสร้างสิ่งประดิษฐ์ขึ้นโดยพลการซึ่งไม่จำเป็นต้องได้รับการอนุมัติจากนักออกแบบเอง ... แบบอักษรบางตัวนั้นไม่ได้หมายถึงการเอียงหรือเอียง ... แต่ผู้คนก็ทำอยู่ดี และอย่างที่คุณทราบระบบปฏิบัติการบางระบบจะคลิกไอคอน 'ตัวเอียง' เพื่อเอียงตัวอักษรและสร้างความเอียงได้ทันที ไม่เป็นที่น่าพอใจ

เป็นการดีที่สุดที่จะระบุตัวเอียงเฉพาะเมื่อคุณแน่ใจว่าแบบอักษรได้รับการออกแบบด้วยตัวอักษร

โดยทั่วไปตัวเอียงเป็นรุ่นพิเศษของตัวอักษรในขณะที่รุ่นเอียงเป็นเพียงรุ่นปกติเอียงเล็กน้อย ดังนั้นทั้งสองจะเอียงและเกี่ยวข้องกับตัวอักษรปกติ แต่ตัวเอียงจะมีรูปแบบตัวอักษรพิเศษที่ทำขึ้นโดยเฉพาะสำหรับมัน

แบบอักษรส่วนใหญ่มีทั้งตัวเอียงหรือตัวเอียง ฉันไม่เคยเห็นคนที่มีทั้งคู่ (หากคุณมีเวอร์ชันที่เป็นตัวเอียงทำไมต้องกังวลกับเวอร์ชันที่เอียง)

ประเภทเฉียง (หรือเอียงลาด) เป็นรูปแบบของประเภทที่เอียงไปทางขวาเล็กน้อยใช้ในลักษณะเดียวกับตัวเอียงประเภท ต่างจากประเภทตัวเอียงอย่างไรก็ตามมันไม่ได้ใช้รูปร่างที่แตกต่างกัน มันใช้ร่ายมนตร์เดียวกันกับประเภทโรมันยกเว้นเพี้ยน

อ่านเพิ่มเติม: css แบบอักษรเอียงและตัวเอียง

เช่นเดียวกับตัวเอียงและเอียงที่แตกต่างกันเช่นเดียวกับที่มองเห็นได้เมื่อเปรียบเทียบตัวเอียงกับลูกอ๊อดตัวเอียง

คุณจะเห็นตัวเอียงมารยาททุกที่ที่ตัวอักษรปกติเบ้font-style: italic;ในขณะที่ตัวอักษรตัวเอียงตัวจริงถูกออกแบบมาให้เอียง

ด้านล่างของทั้งสองจะแสดงความแตกต่างอย่างชัดเจน

ดูตัวอย่าง

ตามที่กวดวิชานักพัฒนา CSS mozilla :

เอียง: ตั้งค่าข้อความที่จะใช้รุ่นเอียงของตัวอักษรถ้ามี ; หากไม่สามารถใช้งานได้มันจะจำลองตัวเอียงพร้อมเอียงแทน

เอียง: ตั้งค่าข้อความให้ใช้แบบจำลองตัวเอียงของตัวเอียงซึ่งสร้างโดยการเอียงเวอร์ชั่นปกติ

จากที่นี่เราอนุมานว่าหากตัวอักษรแบบเอียงไม่พร้อมใช้งานทั้งตัวเอียงและเอียงจะทำงานในลักษณะเดียวกัน เนื่องจากส่วนย่อยของรหัส W3Schools ไม่ได้ระบุเจาะจงใด ๆfont-familyฉันเชื่อว่าใช้แบบอักษรเริ่มต้น แบบอักษรเริ่มต้นซึ่งอาจไม่มีรุ่นตัวเอียง

แต่วิธีการทำให้แบบอักษรเป็นตัวเอียงมีให้ใช้งานอย่างไร

ซึ่งหมายความว่าเรามีแบบอักษรอย่างน้อยสองรุ่นแบบ "ปกติ" และแบบตัวเอียง สิ่งเหล่านี้สามารถระบุได้ใน<style>ส่วนที่มี@font-faceกฎ โปรดอ่านสั้น ๆ : developer.mozilla , w3schools , tympanus.net eot, otf, woff, truetypeที่คุณสามารถดูตัวอักษรที่มีการโหลดเป็นไฟล์ที่สามารถมีส่วนขยายต่อไปนี้:

จนถึงตอนนี้ฉันพบการเชื่อมโยงไฟล์แบบอักษรสองวิธี

`@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), 
 url (http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

 @font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), 
 url 
 (http://themes.googleusercontent.com/static/fonts/opensans/v8/
 xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff)
 format('woff');
 }`

`@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-R-webfont.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-I-webfont.eot');
font-weight: normal;
font-style: italic;
}`