เว็บไซต์ที่เราเข้าชมในชีวิตประจำวันใช้แบบอักษรหลากหลายรูปแบบ
ขึ้นอยู่กับเว็บไซต์นั้นๆฟอนต์เว็บอาจใช้ " ได้
แม้ว่าคุณอาจจะไม่ค่อยตระหนักถึงเรื่องนี้มากนักขณะท่องเว็บ แต่การใช้ "ฟอนต์เว็บ" มีประโยชน์มากมายสำหรับผู้ที่เกี่ยวข้องกับการสร้างเว็บไซต์
ดังนั้น เราจะแนะนำพื้นฐานของฟอนต์เว็บให้คุณรู้จัก รวมถึงโครงสร้างพื้นฐาน ประโยชน์ และวิธีการใช้งานขั้นสูง!
วิธีการทำงานของฟอนต์บนเว็บ
◆ภาพรวมแบบอักษรเว็บ
เว็บฟอนต์คือระบบที่ดึงฟอนต์ที่กำหนดจากเซิร์ฟเวอร์และแสดงผลบนเว็บไซต์
ตัวอย่างเช่น หากคุณระบุ "UD Shin Go" ของ Morisawa บนเว็บไซต์ เว็บไซต์นั้นจะไม่แสดงผลเว้นแต่ว่าพีซีหรือสมาร์ทโฟนของผู้ดูจะมี "UD Shin Go" ติดตั้งอยู่หากคุณใช้ฟอนต์เว็บ เนื้อหาจะแสดงผลได้อย่างไม่มีปัญหา แม้ว่าผู้ดูจะไม่มีฟอนต์นั้นในอุปกรณ์ของตนก็ตาม
คุณรู้หรือไม่ว่าแบบอักษรบนเว็บไซต์แสดงผลอย่างไร?
ตราบใดที่คุณสามารถอ่านข้อความได้โดยไม่มีปัญหา คุณก็จะไม่ค่อยใส่ใจกับตัวอักษรหรือแบบอักษรมากนัก ดังนั้นหลายคนอาจไม่คิดถึงเรื่องนี้ด้วยซ้ำ
โดยทั่วไปแล้ว บนเว็บไซต์ ข้อความจะแสดงผลด้วยแบบอักษรที่ติดตั้งอยู่ในอุปกรณ์ที่ใช้ดู เช่น คอมพิวเตอร์หรือสมาร์ทโฟน
หากผู้สร้างเว็บไซต์ไม่ได้ระบุแบบอักษร ข้อความจะแสดงผลด้วยแบบอักษรเริ่มต้นของเบราว์เซอร์ ตัวอย่างเช่น หากคุณใช้ Google Chrome ข้อความจะแสดงผลด้วยแบบอักษร Meiryo บน Windows และ Hiragino Kaku Gothic ProN W3 บน Mac OS
แม้จะเข้าชมเว็บไซต์เดียวกัน แต่ผู้คนต่างกันอาจเห็นแบบอักษรที่แตกต่างกันนั่นคือความหมายของมัน
ผู้สร้างเว็บไซต์สามารถระบุแบบอักษรที่ต้องการได้ แต่แบบอักษรที่ติดตั้งจะแตกต่างกันไปตามระบบปฏิบัติการและเวอร์ชันของอุปกรณ์ที่ผู้ดูใช้งาน ดังนั้นหากแบบอักษรที่ต้องการไม่ได้ติดตั้งอยู่ในอุปกรณ์ของผู้ดู ระบบจะแทนที่ด้วยแบบอักษรอื่นและแสดงผลแทน
ในทางตรงกันข้ามฟอนต์สำหรับเว็บช่วยให้คุณแสดงฟอนต์ที่กำหนดไว้ได้โดยไม่คำนึงถึงสภาพแวดล้อมการแสดงผลแค่นั้นแหละ
◆ข้อดีของฟอนต์เว็บ
คุณเข้าใจวิธีการทำงานของเว็บฟอนต์หรือไม่?
ต่อไป เรามาดูประโยชน์ของการใช้ฟอนต์เว็บกันครับ
1. ภาพลักษณ์ที่เป็นเอกภาพในทุกสื่อ
ตัวอย่างเช่น หากนิตยสารใช้แบบอักษรที่แตกต่างกันในเว็บไซต์และฉบับพิมพ์ อาจทำให้ภาพดูไม่สอดคล้องกัน
เมื่อคุณใช้ฟอนต์เว็บคุณสามารถใช้แบบอักษรเดียวกันกับที่ใช้ในงานพิมพ์บนเว็บไซต์ของคุณได้อย่างง่ายดายวิธีนี้ช่วยให้ภาพลักษณ์โดยรวมมีความสอดคล้องกันในทุกสื่อ
2. ช่วยแก้ปัญหาที่เกิดขึ้นเมื่อสร้างข้อความให้เป็นรูปภาพ
จนถึงปัจจุบัน วิธีเดียวที่จะแสดงแบบอักษรที่คุณต้องการใช้บนเว็บได้ คือการแปลงแบบอักษรนั้นให้เป็นรูปภาพ
อย่างไรก็ตาม การใช้เว็บฟอนต์ช่วยให้คุณแสดงฟอนต์ที่ต้องการใช้ได้โดยไม่ต้องแปลงเป็นรูปภาพ
การสร้างเว็บไซต์โดยใช้ข้อความแทนรูปภาพมีข้อดีดังต่อไปนี้:
-แก้ไขข้อความได้ง่าย
การแก้ไขฟอนต์ที่แปลงเป็นรูปภาพแล้วในอดีต จำเป็นต้องแก้ไขรูปภาพนั้นเอง ซึ่งเป็นเรื่องยุ่งยาก แต่ด้วยฟอนต์สำหรับเว็บ คุณเพียงแค่ต้องเปลี่ยนตัวอักษร ทำให้การสร้างและแก้ไขเว็บไซต์มีประสิทธิภาพมากขึ้น
• แสดงผลได้ชัดเจนแม้ขยายภาพ
ภาพตัวอักษรอาจดูหยาบและอ่านยากเมื่อขยายใหญ่บนหน้าจอสมาร์ทโฟน แต่แบบอักษรบนเว็บสามารถแสดงผลได้อย่างชัดเจนแม้จะขยายหรือย่อขนาดก็ตาม
- รักษาความสามารถในการค้นหา
รูปภาพฟอนต์ไม่มีข้อมูลข้อความ ดังนั้นจึงจะไม่ปรากฏในผลการค้นหาตามที่เป็นอยู่ แม้ว่าจะสามารถใส่ข้อมูลข้อความลงในแท็กเป็นแอตทริบิวต์ alt ได้ แต่ก็เสียเวลา ฟอนต์เว็บมีข้อมูลข้อความอยู่แล้วโดยธรรมชาติ ดังนั้นจึงสามารถค้นพบได้ในผลการค้นหาตามที่เป็นอยู่ ซึ่งถือเป็นมาตรการ SEO อย่างหนึ่ง
*มาตรการ SEO: หมายถึงความพยายามต่างๆ เพื่อเพิ่มการมองเห็นเว็บไซต์ในผลการค้นหา
• สามารถใช้ฟังก์ชันการแปลด้วยเครื่องและการอ่านออกเสียงได้เช่นกัน
ฟอนต์ที่แปลงเป็นรูปภาพจะไม่มีข้อมูลข้อความ ดังนั้นจึงไม่สามารถใช้งานร่วมกับฟังก์ชันการแปลด้วยเครื่องหรือการอ่านออกเสียงได้ การเพิ่มข้อมูลข้อความลงในแอตทริบิวต์ alt ในแท็กอาจช่วยเพิ่มประสิทธิภาพฟังก์ชันการอ่านได้ แต่ดังที่กล่าวไว้ข้างต้น วิธีนี้เสียเวลา ส่วนฟอนต์บนเว็บสามารถใช้งานร่วมกับฟังก์ชันเหล่านี้ได้โดยไม่มีปัญหา
ความคิดสร้างสรรค์เล็กน้อยในการแสดงออกทางตัวอักษร: เคล็ดลับในการใช้งานฟอนต์บนเว็บอย่างเชี่ยวชาญ
เมื่อคุณเข้าใจพื้นฐานของฟอนต์เว็บแล้ว เราจะนำเสนอบทความอีกสามบทความที่จะพาคุณไปอีกขั้นและให้คำแนะนำเกี่ยวกับวิธีการใช้งานฟอนต์เหล่านั้นอย่างมีประสิทธิภาพ
เคล็ดลับทั้งหมดนี้สามารถนำไปใช้ได้จริงในสถานการณ์การผลิตทันที
เหมาะอย่างยิ่งสำหรับชื่อบุคคลและชื่อสถานที่! ใช้ตัวอักษรแบบต่างๆ กับฟอนต์เว็บได้!
ตัวอักษรที่แตกต่างกันเล็กน้อยเรียกว่าตัวแปร เราจะแนะนำเคล็ดลับบางประการในการจัดการกับตัวแปรเหล่านี้บนเว็บ ซึ่งจะเป็นประโยชน์เมื่อคุณต้องการเขียนชื่อคน ชื่อสถานที่ ฯลฯ อย่างถูกต้อง
ฟอนต์แบบไหนที่เหมาะกับการออกแบบเว็บไซต์แบบ Responsive? มาเรียนรู้การใช้ฟอนต์แบบตัวย่อให้เชี่ยวชาญกัน!
แบบอักษรย่อมีประโยชน์เมื่อลักษณะของข้อความเปลี่ยนแปลงไปตามความกว้างของหน้าจอ เช่น บนสมาร์ทโฟนและพีซี แบบอักษรย่อเหล่านี้มีคุณสมบัติมากมายที่ช่วยให้สามารถอ่านได้แม้ในพื้นที่แคบๆ
ใช้แบบอักษรยุโรปด้วย "การจัดเรียงตัวอักษรแบบผสมผสานระหว่างญี่ปุ่นและยุโรป" "การเชื่อมตัวอักษรแบบยุโรป" และ "แบบอักษรที่มีหาง"!
เหมาะสำหรับผู้ที่ต้องการผสมผสานภาษาญี่ปุ่นและภาษาอังกฤษอย่างเป็นธรรมชาติ หรือผู้ที่ต้องการเพิ่มความเก๋ไก๋ด้วยแบบอักษรตะวันตก หนังสือเล่มนี้มีคำอธิบายที่เข้าใจง่ายเกี่ยวกับการใช้ตัวเชื่อมตัวอักษร เส้นโค้งตกแต่ง และอักขระอื่นๆ
ด้วยการเข้าใจวิธีการทำงานของฟอนต์บนเว็บ และการเพิ่มความคิดสร้างสรรค์ลงไปเล็กน้อย คุณจะสามารถขยายขอบเขตวิธีการแสดงตัวอักษรของคุณได้อย่างมาก
โปรดใช้บทความเหล่านี้เป็นข้อมูลอ้างอิง และลองนำ "พลังของแบบอักษร" ไปใช้ในการออกแบบของคุณ
แบบอักษรเว็บโมริซาวะ
นอกจากนี้ Morisawa ยังมีฟอนต์สำหรับเว็บไซต์อีกด้วย
บริการฟอนต์เว็บของโมริซาวะ "ฟอนต์ Morisawa สำหรับเว็บ"มีแบบอักษรคุณภาพสูงให้เลือกมากมาย และมีฟีเจอร์มากมายสำหรับงานออกแบบตัวอักษรขั้นสูง"
เรามีแผนบริการที่ปรับให้เหมาะสมกับขนาดการใช้งานของคุณ รวมถึงสัญญาแบบรายเดือนและรายปี ซึ่งให้การสนับสนุนที่หลากหลายสำหรับการสร้างและจัดการเว็บไซต์
| เว็บฟอนต์ไลท์ | ฟอนต์เว็บ | |||
| ระยะเวลาสัญญา | 1 เดือน | 1 ปี | 1 เดือน | 1 ปี |
| จำนวนการเข้าชมหน้าเว็บพื้นฐาน/ราคา | 250,000 PV 2,750 เยน | 3 ล้าน PV 33,000 เยน | 1 ล้าน PV~ ราคาเริ่มต้นที่ 5,500 เยน *จำนวนการเข้าชมสูงสุด 4 ล้านครั้ง โดยแบ่งเป็นช่วงละ 1 ล้านครั้ง | 12 ล้าน PV～ ราคาเริ่มต้นที่ 66,000 เยน *จำนวนการเข้าชมสูงสุด 48 ล้านครั้ง โดยแบ่งเป็นหน่วยละ 12 ล้านครั้ง |
| จำนวนโครงการ | 1 | ไม่จำกัด | ||
| จำนวนแบบอักษรที่ใช้ | สูงสุด 5 ฟอนต์ | สูงสุด 10 แบบอักษรต่อโครงการ *จำนวนโปรเจกต์ไม่จำกัด | ||
| จำนวนโดเมนที่จดทะเบียน | สูงสุด 4 โดเมน | สูงสุด 10 โดเมนต่อโปรเจกต์ *จำนวนโปรเจกต์ไม่จำกัด | ||
▼สำหรับข้อมูลเพิ่มเติมเกี่ยวกับฟอนต์เว็บของ Morisawa โปรดดูด้านล่าง
ข้อมูลการเก็บถาวรเหตุการณ์
โมริซาวะกำลังจัดกิจกรรมออนไลน์ฟรีในหัวข้อการออกแบบและการสร้างแบรนด์
เราจะนำเสนอเหตุการณ์ที่ผ่านมาบางส่วนที่เน้นเรื่องการสร้างเว็บไซต์และฟอนต์สำหรับเว็บไซต์ โปรดดูวิดีโอที่เก็บไว้และนำไปใช้เป็นแนวทางในการออกแบบและสร้างเว็บไซต์ของคุณ!
ถูกต้องแล้ว เรามาใช้เว็บฟอนต์กันเถอะ การเลือกฟอนต์และการจัดวางตัวอักษรโดยคำนึงถึงลักษณะเฉพาะของตัวอักษรเป็นหลัก
การเรียงพิมพ์เป็นวิธีการจัดเรียงตัวอักษรในแถว ซึ่งเป็นเรื่องที่ค่อนข้างยากในโลกออนไลน์
ในการสัมมนานี้ คุณอินูไค ตัวแทนจาก NEWTOWN ได้อธิบายเทคนิคและการเลือกใช้แบบอักษรที่ใช้ในการออกแบบสิ่งพิมพ์ โดยยกตัวอย่างเว็บไซต์ที่เขาได้สร้างขึ้นจริง
หากต้องการสมัครรับชมไฟล์บันทึก:ที่นี่
สาระสำคัญของการเขียนที่ฉันอยากถามนักออกแบบเว็บไซต์ปีหนึ่ง และจะเป็นประโยชน์ตั้งแต่วันพรุ่งนี้เป็นต้นไป
เราได้เชิญโช คุวาฮาระ ผู้ซึ่งเป็นผู้นำด้านการออกแบบเว็บไซต์ มาให้ภาพรวมที่ครอบคลุมเกี่ยวกับการแสดงออกของแบบอักษรบนเว็บ ในหัวข้อ "สิ่งที่เกี่ยวกับแบบอักษรที่ฉันอยากรู้ตั้งแต่ปีแรกที่ทำงานเป็นนักออกแบบเว็บไซต์"
หากต้องการสมัครรับชมไฟล์บันทึก:ที่นี่
การเข้าถึงเว็บไซต์เพื่อปกป้องแบรนด์ของคุณ
- การสร้างมูลค่าแบรนด์ด้วยกลยุทธ์ที่สมดุลทั้งรุกและรับ -
เราได้เชิญบริษัท ดีเปเชอรัล สโตร์ จำกัด ซึ่งเป็นบริษัทที่ดูแลด้านการผลิตเว็บไซต์และการตลาดออนไลน์ภายใต้สโลแกน "ดีไซน์ดี ประสบการณ์ดี" มาพูดคุยเกี่ยวกับข้อมูลและประสบการณ์ที่ผู้ใช้จะได้รับจากเว็บไซต์ของพวกเขา รวมถึงความสำคัญของการทุ่มเทและเตรียมการอย่างรอบคอบเพื่อหลีกเลี่ยงการทำลายชื่อเสียงของแบรนด์จากการพลาดโอกาสหรือภาพลักษณ์เชิงลบ
หากต้องการสมัครรับชมไฟล์บันทึก:ที่นี่
การสอบถาม
สำนักงานจัดงานของบริษัท โมริซาวะ อิงค์
[อีเมล] public-biz@morisawa.co.jp
เว็บไซต์นี้ดำเนินการโดย Morisawa Inc.
เกี่ยวกับโมริซาวะที่นี่
