เปลี่ยนขนาดแบบอักษรของหน้าเว็บของคุณได้อย่างง่ายดายด้วย CSS
เครดิตรูปภาพ: รูปภาพของ Ableimages / Photodisc / Getty
คุณสามารถควบคุมขนาดฟอนต์ของหน้าเว็บของคุณได้โดยใช้คุณสมบัติขนาดฟอนต์ของภาษาสไตล์ HTML, Cascading Style Sheets เริ่มต้นด้วย HTML 5 แนวทาง CSS สำหรับการจัดรูปแบบฟอนต์จะแทนที่แท็ก "ฟอนต์" ที่เก่ากว่า แม้ว่าแท็กฟอนต์จะใช้ได้กับหน้าเว็บที่มีรูปแบบ HTML 4 ของคุณ แต่ก็ไม่ได้รับการสนับสนุนให้เป็นแท็กที่ถูกต้องใน HTML 5 อีกต่อไป
กำหนดขนาดตัวอักษรด้วย CSS
ขนาดแบบอักษรถูกกำหนดในหน้าเว็บของคุณโดยใช้แอตทริบิวต์ CSS "ขนาดแบบอักษร" โดยทั่วไปขนาดตัวอักษรถูกกำหนดโดยใช้ การวัดการพิมพ์ "em" โดยที่ 1.0 คือขนาดแบบอักษรปัจจุบันหรือเปอร์เซ็นต์โดยที่ 100 เปอร์เซ็นต์เป็นแบบอักษรปัจจุบัน ขนาด. คุณยังสามารถใช้ชื่อค่าที่ตั้งไว้ล่วงหน้าได้ เช่น "เล็กกว่า" "ใหญ่กว่า" "เล็ก" และ "xx-large" ขณะกำหนดขนาด เป็นพิกเซลหรือจุดที่ถูกต้อง ไม่แนะนำเพราะข้อความของคุณอาจไม่ได้มาตราส่วนอย่างถูกต้องในบางส่วน สถานการณ์.
วีดีโอประจำวันนี้
คุณสามารถใช้สไตล์ในแท็ก HTML เกือบทั้งหมดในเนื้อหาของหน้าเว็บได้ เพิ่มแอตทริบิวต์ "style" ให้กับแท็กโดยตั้งค่าแอตทริบิวต์ขนาดแบบอักษร CSS เป็นขนาดที่คุณต้องการ สไตล์มีผลกับข้อความระหว่างจุดเริ่มต้นและจุดสิ้นสุดของแท็ก ตัวอย่างเช่น
ข้อความนี้มีขนาดใหญ่กว่าปกติ
ข้อความนี้มีขนาดเล็กกว่า
ข้อความนี้มีขนาดเล็กลงด้วย
การใช้ CSS ในสไตล์ชีตของคุณ
หากเว็บเพจของคุณมีสไตล์ชีต CSS ซึ่งฝังอยู่ในส่วนหัวของเพจหรือกำหนดเป็นไฟล์แยกต่างหาก คุณสามารถเปลี่ยนขนาดฟอนต์ที่นั่นได้ สไตล์ชีตมีประโยชน์สำหรับการเปลี่ยนแปลงทั่วโลกในเว็บเพจของคุณ ค้นหาหรือเพิ่มการประกาศที่คุณต้องการเปลี่ยนและเพิ่มโค้ดขนาดฟอนต์ ตัวอย่างเช่น ในการทำให้ขนาดฟอนต์ใหญ่ขึ้นสำหรับแท็กย่อหน้าทั้งหมด ให้ใช้:
p { ขนาดตัวอักษร: 125%; }
