Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

CSS Font-Kerning, Letter-Spacing และ Word-Spacing Property

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

การจัดไฟแบบอักษร

Font-kerning คือการกำหนดระยะห่างระหว่างอักขระสองตัวที่แตกต่างกัน แบบอักษรที่จัดองค์ประกอบอย่างดีจะดึงดูดสายตาได้ดีกว่า เนื่องจากมีระยะห่างระหว่างตัวอักษรสม่ำเสมอกันมากขึ้น คุณสมบัติการจัดรูปแบบแบบอักษร CSS มีค่าที่เป็นไปได้สามค่า:ไม่มี, ปกติ, อัตโนมัติ .

    ระยะห่าง    
AV Ta
AV Ta

อัตโนมัติ กำหนดว่าควรใช้การจัดรูปแบบฟอนต์หรือไม่ เบราว์เซอร์บางตัวจะปิดใช้งานการจัดช่องไฟบนฟอนต์ขนาดเล็กเนื่องจากความสามารถในการอ่านจะลดลง ตาม MDN ปกติ หมายความว่าการจัดช่องไฟจะถูกนำไปใช้หากมีฟอนต์ – ไม่มี แน่นอนว่าจะไม่มีการจัดช่องไฟ รันโค้ดในตัวแก้ไขด้านบน คุณจะเห็นคุณสมบัติ CSS ที่มองเห็นได้มากที่สุดใน 'AV' และ 'Ta' ระยะห่างจากจุดสิ้นสุดของ serif หนึ่งถึงจุดเริ่มต้นของ serif ในตัวอักษรถัดไปจะกำหนดว่าการจัดช่องไฟใช้กับข้อความหรือไม่

การเว้นวรรคระหว่างตัวอักษร

ตรงกันข้ามกับการจัดช่องไฟ คุณสมบัติการเว้นวรรคระหว่างตัวอักษรคือการเว้นวรรคแบบสม่ำเสมอของตัวอักษรทั้งหมดในบรรทัดข้อความ ใช้เวลา ความยาว ค่าเป็น px, rem หรือ em ค่าเหล่านี้อาจเป็นค่าบวกหรือค่าลบ

    ระยะห่าง    
สวัสดีชาวโลก
สวัสดีชาวโลก

การเว้นวรรคระหว่างคำ

เช่นเดียวกับการเว้นวรรคตัวอักษร การเว้นวรรคระหว่างคำหมายถึง การเว้นวรรคระหว่างคำ ค่าเริ่มต้นคือ 0.25em แต่สามารถใช้ความยาวบวกหรือลบได้

    ระยะห่าง    
สวัสดีชาวโลก
สวัสดีชาวโลก

ในบทความนี้ เราได้เรียนรู้ความแตกต่างระหว่างการจัดรูปแบบฟอนต์และการเว้นวรรคตัวอักษร ตลอดจนการเว้นวรรคระหว่างตัวอักษรและระยะห่างระหว่างคำ เบราว์เซอร์รองรับคุณสมบัติทั้งหมดเหล่านี้อย่างแพร่หลาย การจัดช่องไฟแบบอักษรไม่พร้อมใช้งานใน Internet Explorer

81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้

ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก