การเปลี่ยนแอตทริบิวต์แบบอักษรด้วย CSS เพื่อปรับแบบอักษรของคุณ

แบบอักษรและ CSS

CSS เป็นวิธีที่มีประสิทธิภาพมากที่สุดในการปรับแบบอักษรบนหน้าเว็บของคุณ คุณสามารถควบคุมครอบครัวแบบอักษรขนาดสีน้ำหนักและด้านอื่น ๆ ของการพิมพ์

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

• สี
• font-family
• ขนาดตัวอักษร

มีสามส่วนให้กับแบบอักษร:

• สี
  • นี่เป็นสีแบบอักษรที่จะแสดงเป็นบนหน้าจอ
• ขนาด
  • นี่คือรูปแบบตัวพิมพ์ใหญ่หรือเล็กที่จะแสดงผลบนหน้าจอ
• ใบหน้า
  • นี่คือครอบครัวแบบอักษรสิ่งที่มักเรียกกันว่าตัวอักษรที่แท้จริง

สีแบบอักษร

หากต้องการเปลี่ยนสีของข้อความเพียงใช้คุณสมบัติสไตล์สี CSS คุณสามารถใช้ชื่อสีหรือรหัสฐานสิบหก เช่นเดียวกับสีทั้งหมดบนเว็บคุณควรใช้สีที่ปลอดภัยของเบราว์เซอร์

ลองใช้รูปแบบต่อไปนี้ในหน้าเว็บของคุณ:

แบบอักษรนี้มีสีแดงแบบอักษรนี้มีสีฟ้า

ขนาดแบบอักษร

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

ผมขอแนะนำให้คุณใช้ ems สำหรับขนาดตัวอักษร Ems อนุญาตให้เพจของคุณสามารถเข้าถึงได้ไม่ว่าใครจะดูอยู่และ ems มีไว้สำหรับการแสดงผลบนหน้าจอ ปล่อยให้พิกเซลและจุดของคุณสำหรับการแสดงผลการพิมพ์ หากต้องการเปลี่ยนขนาดแบบอักษรของคุณให้วางสไตล์ต่อไปนี้ในหน้าเว็บของคุณ:

แบบอักษรนี้คือ 1EMแบบอักษรนี้คือ. 75emแบบอักษรนี้คือ 1.25em

ใบหน้าแบบอักษร

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

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

หนึ่งในฟอนต์แบบอักษรที่ฉันชอบคือชุดนี้เป็นชุดเก็บรวบรวมแบบอักษร sans-serif และในขณะที่ geneva และ arial ไม่ได้ดูคล้ายกันมากพวกเขามีทั้งมาตรฐานที่เป็นธรรมในเครื่องคอมพิวเตอร์ Macintosh และ Windows ฉันมี helvetica และ helv สำหรับลูกค้าในระบบปฏิบัติการอื่นเช่น Unix หรือ Linux ซึ่งอาจไม่มีไลบรารีแบบอักษรที่มีประสิทธิภาพ

แบบอักษรนี้คือ sans-serifแบบอักษรนี้เป็น serif