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

เมื่อใดที่คุณควรใช้ตัวหนากับตัวเอียงในวิชาการพิมพ์?

ในวิชาการพิมพ์ มีเทคนิคการเน้นเสียงมากมาย โดยตัวเอียงและตัวหนาเป็นเทคนิคที่ใช้บ่อยที่สุด ตัวเอียงและตัวหนาเป็นรูปแบบแบบอักษรที่แตกต่างกันของการออกแบบแบบอักษรดั้งเดิม มาดูกันว่าเมื่อใดควรใช้ตัวเอียงหรือตัวหนาในการพิมพ์ของคุณ และคุณควรใช้ทั้งสองอย่างในเอกสารเดียวกันหรือไม่

ข้อความส่วนใหญ่ในบทความนี้ใช้แบบอักษร Alegreya ซึ่งมีน้ำหนักแบบอักษรปกติ ใน CSS คุณสมบัติ font-weight เริ่มต้นมีค่า 400 (ปกติ)

  • ฟอนต์-น้ำหนักตัวหนามีสไตล์เดียวกับฟอนต์ทั่วไป โดย หนาขึ้น ตัวอักษร
  • แบบอักษรตัวเอียงคือจากซ้ายไปขวา เอียง แบบอักษรปกติของแบบอักษรของคุณ
  • ตัวเอียงหนามีทั้ง เอียงและหนาขึ้น เวอร์ชันของแบบอักษรของคุณ

ตั้งค่า font-weight เป็นตัวหนาใน CSS:

p {
  font-weight: bold;
}

คุณยังสามารถใช้ค่าตัวเลข โดยปกติแล้ว 700 สำหรับ bold .

ในการตั้งค่าน้ำหนักแบบอักษรเป็นตัวหนาด้วยแท็ก HTML ให้ตัดคำที่คุณต้องการเน้นด้วย <strong> แท็กเช่นนี้:

<strong>Text here</strong>

ตั้งค่ารูปแบบแบบอักษรเป็นตัวเอียงใน CSS:

p {
  font-style: italic;
}

ในการตั้งค่ารูปแบบแบบอักษรของคุณเป็นตัวเอียงด้วยแท็ก HTML ให้ตัดคำที่คุณต้องการเน้นด้วย <em> แท็กเช่นนี้:

<em>Text here</em>

ตั้งค่าตัวหนา-ตัวเอียงใน CSS:

p {
  font-style: italic;
  font-weight: bold; /*or 700*/
}

หากต้องการใช้ตัวหนา-ตัวเอียงกับ HTML ให้ตัดคำที่คุณต้องการเน้นแบบนี้

<strong><em>Text here</em></strong>

การเปรียบเทียบแบบเคียงข้างกัน จากปกติ เป็นตัวหนา ตัวเอียง ตัวหนา-ตัวเอียง:

ข้อความข้อความ ข้อความ ข้อความ

เมื่อใดควรใช้ตัวเอียงกับตัวหนา

แนวความคิดหนึ่งคือ เนื่องจากทั้งสองตัวเอียงและตัวหนาใช้เพื่อเน้นบางส่วนของบล็อกข้อความ คุณจึงควรใช้เพียงส่วนใดส่วนหนึ่ง อย่างน้อยก็ภายในบล็อกข้อความเดียวกัน แนวความคิดอีกประการหนึ่งคือ ตัวเอียงควรใช้สำหรับการเน้นเล็กน้อย และตัวหนาสำหรับการเน้นหนัก

ฉันบอกว่ามันขึ้นอยู่กับแบบอักษรของคุณ (ตระกูลแบบอักษร) เพราะระดับการเน้นของตัวหนาหรือตัวเอียงจะแตกต่างกันอย่างมากในแต่ละแบบอักษร

การออกแบบแบบอักษรบางแบบ โดยเฉพาะ sans-serif การจำแนกประเภท ตัวเอียงค่อนข้างอ่อน อ่อนแอ อย่างที่คุณแทบไม่สังเกตว่ามันเอียง/เอียง ดังนั้นจึงใช้งานไม่ได้กับเครื่องมือเน้นเสียง หากแบบอักษรของคุณมีตัวเอียงน้อย ให้ใช้ตัวหนา

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

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

ทุกที่ที่มีพิกเซลมากที่สุด ดวงตามักจะเคลื่อนที่ก่อน นั่นคือเหตุผลที่ตัวหนา การขีดตัวอักษรที่หนาขึ้นมักเป็นตัวเลือกที่ดีที่สุดสำหรับการเน้นหนัก ในขณะที่ตัวเอียง (ออกแบบมาอย่างดี) เหมาะสำหรับการเน้นเพียงเล็กน้อย

ควรใช้ตัวหนา-ตัวเอียงเมื่อใด

บางครั้งคุณอาจต้องการรวมตัวหนาและตัวเอียงเพื่อเน้นข้อความที่สำคัญเป็นพิเศษ และเพื่อที่เราจะได้เป็นตัวหนา-ตัวเอียง

ในความคิดของฉัน การใช้แบบอักษรตัวหนาตัวเอียงเป็นทางเลือกทางศิลปะมากกว่าการออกแบบที่ใช้งานได้จริง หากแบบอักษรของคุณมีแบบอักษรตัวหนา-เอียงที่สวยงาม ซึ่งทำงานได้ดีในเอกสารของคุณ ให้ใช้แบบอักษรนั้น แต่ให้ลองใช้แบบอักษรตัวหนาและตัวเอียงแต่ละตัวก่อน เนื่องจากตัวหนา-ตัวเอียงอาจเป็นสิ่งที่ดีเกินไป (เน้นมากเกินไป)

Alegreya มีตัวเอียงที่สวยงาม

Alegreya มีความโดดเด่นสวยงาม

Alegreya มีตัวหนา-ตัวเอียงที่สวยงาม

ฉันใช้ตัวหนา-ตัวเอียงเท่าที่จำเป็นสำหรับองค์ประกอบข้อความแบบใช้ครั้งเดียว

สำรวจตัวเลือกแบบอักษรของคุณ

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

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

อย่าใช้ตัวหนาและตัวเอียงสลับกัน ให้มีเหตุผลและคงความสอดคล้องกับสไตล์ที่คุณเลือกไว้ในเอกสารเดียวกัน ไม่ว่าคุณจะทำอะไร จำไว้ว่า น้อยกว่า เน้นดีกว่าเสมอ

ถ้าคุณเน้นทุกอย่าง แสดงว่าไม่เน้นอะไร