วิธีเปลี่ยนแบบอักษรบนเว็บไซต์ On

สารบัญ:

วิธีเปลี่ยนแบบอักษรบนเว็บไซต์ On
วิธีเปลี่ยนแบบอักษรบนเว็บไซต์ On

วีดีโอ: วิธีเปลี่ยนแบบอักษรบนเว็บไซต์ On

วีดีโอ: วิธีเปลี่ยนแบบอักษรบนเว็บไซต์ On
วีดีโอ: วิธีดึงฟอนต์จาก google มาใช้งานในเว็บไซต์ผ่าน CSS Style Sheet 2024, เมษายน
Anonim

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

วิธีเปลี่ยนแบบอักษรบนเว็บไซต์ on
วิธีเปลี่ยนแบบอักษรบนเว็บไซต์ on

คำแนะนำ

ขั้นตอนที่ 1

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

font-family - ระบุประเภทของฟอนต์ที่คุณต้องการใช้ ฟอนต์ยอดนิยม ได้แก่ Times New Roman, Tahoma, Verdana, Arial;

ขนาดฟอนต์ - ระบุขนาดฟอนต์ที่คุณต้องการในรูปแบบของตัวเลขที่เกี่ยวข้อง อย่าลืมเพิ่ม pt ตัวอย่างเช่น ขนาดตัวอักษร: 10pt;

font-style - ระบุรูปแบบของฟอนต์ไม่ว่าจะเป็นแบบปกติหรือตัวเอียง

ตัวแปรแบบอักษร - ระบุตัวพิมพ์ของตัวอักษรตัวพิมพ์เล็ก;

font-weight - ระบุน้ำหนักของฟอนต์ ไม่ว่าจะเป็นตัวหนา ตัวหนา ฯลฯ

ขั้นตอนที่ 2

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

ในกรณีนี้ ฟอนต์แท็กมีสามพารามิเตอร์:

สี - สีตัวอักษร;

ใบหน้า - ประเภทตัวอักษร;

ขนาด - ขนาดตัวอักษร

เปลี่ยนพารามิเตอร์ข้อความที่คุณต้องการ คุณจะได้รับสิ่งต่อไปนี้:

นี่คือข้อความของคุณ

ขั้นตอนที่ 3

จัดหัวเรื่องตามความจำเป็น ส่วนหัวของข้อความมักจะล้อมรอบด้วยแท็กจาก

ก่อน

ขึ้นอยู่กับขนาดของส่วนหัวที่คุณต้องการรับ H1 - นี่คือหัวข้อหลักบนหน้าตามลำดับที่ใหญ่ที่สุด H6 มีขนาดเล็กที่สุด แท็ก H เป็นแท็กที่จับคู่กัน ดังนั้นคุณต้องใส่ทั้งแท็กเปิดและแท็กปิด

ขั้นตอนที่ 4

ใช้ตัวเลือกการจัดรูปแบบข้อความเพิ่มเติมตามความเหมาะสม คุณสามารถ:

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

- ใช้ตัวเอียงโดยใช้แท็กที่จับคู่หรือ

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