นักออกแบบคนใดประสบปัญหาในการเลือกแบบอักษรที่เหมาะสม บางครั้งจำเป็นต้องค้นหาแบบอักษรจากรูปภาพหรือระบุแบบอักษรจากตัวอย่าง โดยเฉพาะอย่างยิ่งสำหรับนักพัฒนาเว็บเมื่อเลือกแบบอักษรสำหรับเว็บไซต์ในอนาคต ในกรณีนี้บริการพิเศษจะมาช่วยเหลือซึ่งจะกล่าวถึงรายละเอียดในบทความนี้
เรามาทำการทดลองกัน ในการทำเช่นนี้ ฉันเขียนการทดสอบใน Photoshop โดยใช้แบบอักษรที่เลือก และจะกำหนดในบริการต่างๆ ว่าฉันใช้แบบอักษรใด ดังนั้นฉันจะพิจารณาว่าบริการใดดีที่สุด
คุณสามารถใช้บริการกับฉันและใช้รูปภาพของฉันเพื่อทดสอบได้ เป็นไปได้ว่าคุณจะได้ข้อสรุปที่แตกต่างกัน
นี่คือจารึก:
บริการแรกที่เราจะกำหนดแบบอักษรคือ
คลิกที่ปุ่ม "เรียกดู" เพื่อเลือกรูปภาพพร้อมข้อความ ถัดไป คุณต้องเลือกหนึ่งรายการและดำเนินการต่อ:
สีพื้นหลังอ่อนกว่าสีตัวอักษร - หมายความว่าสีพื้นหลังอ่อนกว่าสีของตัวอักษรและสัญลักษณ์
สีพื้นหลังเป็นสีเข้ม โปรดกลับสี – ข้อความสีอ่อนบนพื้นหลังสีเข้ม
ตอนนี้คลิกที่ปุ่ม "ดำเนินการต่อ" เพื่อดำเนินการต่อ
ในหน้าต่างใหม่ คุณจะต้องระบุตัวอักษร - ป้อนตัวอักษรแต่ละตัวในช่องที่เหมาะสม
อีกครั้งปุ่ม "ดำเนินการต่อ" และเรามีรายการแบบอักษรที่คล้ายกันมากที่สุด อย่างไรก็ตามบริการระบุแบบอักษรได้อย่างถูกต้อง ตัวเลือกแรกถูกต้อง
คะแนนการบริการ – 5 คะแนน
ที่นี่คุณต้องอัปโหลดรูปภาพพร้อมข้อความไปยังบริการหรือแทรกลิงก์โดยตรงไปยังรูปภาพ แผนภาพแสดงรูปภาพที่ควรจะเป็นเพื่อให้บริการทำงานได้อย่างถูกต้อง ตัวอักษรและสัญลักษณ์ต้องชัดเจน ห้ามรวม ขนาดตัวอักษรอย่างน้อย 100 พิกเซล และข้อความต้องจัดวางในแนวนอน
หลังจากเลือกรูปภาพพร้อมข้อความแล้ว คลิก "ดำเนินการต่อ" เป็นเรื่องดีที่บริการระบุอักขระได้บางส่วนและคุณจะต้องป้อนเฉพาะอักขระที่น่าสงสัยด้วยตนเอง
และบริการนี้ทำงานได้ยอดเยี่ยม โดยคาดเดาแบบอักษรได้อย่างถูกต้อง ข้อเสียเปรียบประการเดียวของไซต์ What The Font คือจำนวนแบบอักษรที่น้อยกว่าเมื่อเทียบกับ WhatFontI
คะแนนการบริการ – 5 คะแนน
นี่คือบริการที่กำหนดแบบอักษรจากรูปภาพ อย่างไรก็ตาม มีไซต์หลายแห่งที่การค้นหาแบบอักษรทำงานโดยอิงตามองค์ประกอบที่แตกต่างกันออกไป
หากคุณรู้แน่ชัดว่าแบบอักษรนั้นมีลักษณะอย่างไร หากคุณมีตัวอย่างตัวอักษร คุณสามารถทดสอบรูปลักษณ์ของแบบอักษรเล็กน้อยและค้นหาชื่อของมันได้
ตัวอย่างคำถามที่คุณจะต้องตอบ:
ฟอนต์มีเซอริฟมั้ย?
ชื่อ: เพียงป้อนชื่อแบบอักษรหรือบางส่วน
แบบอักษรที่คล้ายกัน – ป้อนชื่อของแบบอักษรที่คล้ายกันกับแบบอักษรที่คุณกำลังมองหา
นักออกแบบตัวอักษร หากรู้จักผู้ออกแบบหรือผู้ผลิตแบบอักษร คุณสามารถรวมไว้ในการค้นหาได้
หมายเหตุ: บริการนี้เป็นภาษาอังกฤษ แต่ถึงแม้ไม่มีความรู้ภาษาก็เข้าใจได้ง่าย เนื่องจากคำถามรองรับด้วยรูปภาพพร้อมสัญลักษณ์
ฉันไม่พบแบบอักษรที่ต้องการเมื่อใช้บริการนี้ ผ่านการทดสอบแล้ว
4. โปรแกรมค้นหาแบบอักษร Firefox Add-On - ส่วนเสริมสำหรับ Firefox ที่กำหนดแบบอักษรที่จะใช้บนไซต์ เพียงเน้นคำบนเว็บไซต์ของคุณ จากนั้นส่วนเสริมจะตรวจจับแบบอักษรและสไตล์ CSS
ลิงค์ addon https://addons.mozilla.org/en-US/firefox/addon/font-finder/
บริการที่อิงตามแนวคิดของคุณว่าแบบอักษรมีลักษณะอย่างไร คุณต้องทำการวิเคราะห์ตัวอักษรและองค์ประกอบโดยละเอียด
บริการนี้ยังไม่สามารถระบุแบบอักษรได้
ฉันหวังว่าตอนนี้การค้นหาแบบอักษรที่ถูกต้องและการค้นหาชื่อของมันจะไม่เป็นปัญหาสำหรับคุณ
บ่อยครั้งในบริการถามตอบทุกประเภท ผู้คนถามคำถามเดียวกัน: “ วิธีระบุแบบอักษรจากรูปภาพ».
สำหรับผู้ที่ไม่ได้เกี่ยวข้องกับกราฟิกหรือการออกแบบเว็บไซต์ตามอาชีพเป็นเรื่องยากที่จะเข้าใจว่าเหตุใดจึงจำเป็น)) ผู้ที่ "รู้" รู้ดีว่าการกำหนดประเภทของแบบอักษรในภาพหรือโลโก้นั้นยากเพียงใด และเลือกเพื่อให้ข้อความดูเกือบจะเหมือนต้นฉบับ
ก่อนหน้านี้ ฉันได้เขียนเกี่ยวกับบริการออนไลน์ที่ช่วยให้คุณทำเช่นนี้ได้ตามความต้องการบางอย่างแล้ว แต่เครื่องมือนี้ไม่มีประสิทธิภาพเมื่อคุณต้องการระบุประเภทแบบอักษรตามตัวอย่างที่เฉพาะเจาะจง ดังนั้นฉันจึงรีบแนะนำเครื่องมือที่สามารถช่วยในกรณีเช่นนี้ได้
WhatTheFont เป็นบริการออนไลน์ฟรีที่จะช่วยคุณระบุแบบอักษรจากรูปภาพ เพื่อให้ผลการพิจารณามีความแม่นยำที่สุดเท่าที่จะเป็นไปได้ขอแนะนำให้ปฏิบัติตามเงื่อนไขต่อไปนี้:
- ตัวอักษรไม่ควรรวมเข้าด้วยกันมีรูปทรงที่ชัดเจน
- ตัวอักษรจะต้องจัดวางในแนวนอน
- เป็นที่พึงประสงค์ว่าความสูงของตัวอักษรจะอยู่ที่ประมาณ 100px
ในการกำหนดแบบอักษรจากรูปภาพ คุณต้องอัปโหลดรูปภาพเดียวกันนี้ไปยังบริการหรือระบุที่อยู่ของรูปภาพบนอินเทอร์เน็ต การดำเนินการทั้งสองนี้ดำเนินการบนโฮมเพจ WhatTheFont
ยกตัวอย่างกัน มากำหนดแบบอักษรกันดีกว่าในโลโก้ของเว็บไซต์ MuzRelax.ru ของฉัน ฉันรู้ว่ามีการใช้แบบอักษรใด แต่มาดูกันว่าบริการ WhatTheFont สามารถระบุแบบอักษรนั้นได้อย่างถูกต้องหรือไม่
อย่างไรก็ตาม สำหรับผู้ที่ยังไม่ได้เยี่ยมชมเว็บไซต์นี้ ฉันขอแนะนำเป็นอย่างยิ่ง - คุณจะสนุกไปกับมันจริงๆ)
ฉันจับภาพหน้าจอของโลโก้และอัปโหลดภาพดังนี้:
อย่างที่คุณเห็น พื้นหลังของแบบอักษรไม่ได้ตัดกันด้วยซ้ำ แม้ว่านี่จะเป็นเงื่อนไขที่ต้องการก็ตาม (สีดำบนพื้นขาวหรือสีขาวบนพื้นสีดำ)
ในหน้าถัดไป บริการจะแบ่งคำจารึกทั้งหมดในรูปภาพออกเป็นตัวอักษรแต่ละตัวโดยอัตโนมัติและพยายามระบุคำเหล่านั้น คุณสามารถป้อนตัวอักษรที่ไม่ได้ตัดสินใจหรือระบุตัวตนของคุณไม่ถูกต้องในหน้าต่างเล็กๆ ในตัวอย่างของฉัน ทุกอย่างถูกกำหนดอย่างถูกต้องในโหมดอัตโนมัติ
ในขั้นตอนสุดท้ายบริการจะจัดเตรียมรายการแบบอักษรที่มีลักษณะคล้ายกับแบบอักษรที่อยู่ในรูปภาพ ในกรณีของฉันมีการเสนอ 4 ตัวเลือก ตัวเลือกแรก (จอร์เจีย) เป็นแบบอักษรประเภทที่ฉันใช้ในโลโก้เว็บไซต์ MuzRelax.ru ผลลัพธ์ที่ยอดเยี่ยม!
น่าเสียดายที่ WhatTheFont มีข้อเสียหลายประการ:
- แม้ว่าฐานข้อมูลของบริการจะมีแบบอักษรจำนวนมาก แต่ก็ไม่สามารถระบุแบบอักษรที่แปลกใหม่ได้
- บริการตรวจไม่พบแบบอักษรซีริลลิก อย่างไรก็ตามข้อเสียเปรียบนี้ค่อนข้างมีเงื่อนไขเนื่องจากไม่มีบริการใดบนอินเทอร์เน็ตในการกำหนดแบบอักษรจากรูปภาพที่จะทำงานกับแบบอักษรซีริลลิก น่าเสียดาย…
WhatTheFont เป็นผู้นำในบริการออนไลน์ที่คล้ายคลึงกัน มีชุมชนที่ดีที่คุณสามารถขอความช่วยเหลือในการระบุแบบอักษร ไม่มีค่าใช้จ่ายใด ๆ ทั้งสิ้นและทำงานได้อย่างรวดเร็ว ฉันแนะนำที่นี่อย่างแน่นอน!
ป.ล. อย่าลืมบุ๊กมาร์กบทความนี้และแนะนำให้เพื่อนของคุณ)
ดังนั้นคุณจึงดูแหล่งข้อมูลที่คุณชื่นชอบและค้นหาไซต์ที่ใช้สิ่งที่คุณชอบ คุณต้องการแบบอักษรดังกล่าวด้วย (และยิ่งเร็วยิ่งดี!)... และคุณต้องทำอย่างไรจึงจะทราบชื่อของแบบอักษรนี้ ฟังดูคุ้นเคยใช่ไหม? ใช่ เราทุกคนก็เคยตกอยู่ในสถานการณ์ที่คล้ายคลึงกัน
ตัวเลือกที่ง่ายที่สุดคือเพียงเขียนถึงผู้ดูแลเว็บของไซต์นี้และถามชื่อแบบอักษรและสถานที่ที่คุณสามารถหาได้ คำตอบอาจไม่มาทันที นอกจากนี้ ไม่ใช่ว่าเว็บมาสเตอร์ทุกคนจะตอบจดหมายดังกล่าว ดังนั้นฉันจึงตัดสินใจรวบรวมรายชื่อแหล่งข้อมูลออนไลน์ฟรีเพื่อเร่งกระบวนการระบุแบบอักษร
บริการนี้สร้างขึ้นโดยหนึ่งในซัพพลายเออร์แบบอักษรรายใหญ่ที่สุด (myfonts.com - หมายเหตุจากนักแปล) นี่คือแหล่งข้อมูลอันดับ 1 ในรายการตัวระบุแบบอักษรของคุณ เพียงอัปโหลดรูปภาพที่มีแบบอักษรที่คุณต้องการระบุไปยังเซิร์ฟเวอร์ WTF (ถ่ายภาพหน้าจอและตัดคำที่มีแบบอักษรที่คุณต้องการ - การแปลโดยประมาณ) หรือวางลิงก์ไปยังรูปภาพแบบอักษรในบรรทัดพิเศษ ระบบจะแสดงตัวเลือกแบบอักษรต่างๆ ในผลลัพธ์
หากระบบไม่รู้จักแบบอักษร คุณจะได้รับแจ้งให้ไปที่ฟอรัมแบบอักษร ซึ่งคุณสามารถโพสต์รูปภาพของแบบอักษรและรอการตอบกลับจากผู้เชี่ยวชาญว่าอาจเป็นแบบอักษรชนิดใด ฉันใช้ทั้งสองอย่างและมักจะแก้ไขปัญหาเกี่ยวกับแบบอักษรส่วนใหญ่ของฉันได้
รหัสประจำตัว
ป.ล. ในนามของตัวฉันและผู้อ่าน Design Mania ฉันขอขอบคุณโครงการ Mnogologo สำหรับบริการที่คัดสรรมาซึ่งมีประโยชน์อย่างแท้จริงในการทำงานของพวกเขา บทความต้นฉบับอยู่บนเว็บไซต์ Webdesign Deport บางครั้งส่วนใหญ่ขึ้นอยู่กับแบบอักษรในการออกแบบเว็บไซต์ แน่นอนว่าส่วนใหญ่มักจะใช้การพัฒนามาตรฐาน แต่ด้วยการพัฒนาอินเทอร์เน็ต, HTML5 และบริการแบบอักษร นักออกแบบจึงค่อยๆ ให้ความสนใจกับความเป็นไปได้อื่นๆ ในการออกแบบข้อความ
พี.พี.เอส. คุณต้องการที่จะเป็นผู้จัดรายการวิทยุหรือไม่? คุณใฝ่ฝันที่จะทำงานด้านวิทยุมาโดยตลอดหรือไม่? - หลักสูตรผู้จัดรายการวิทยุในเคียฟคือสิ่งที่คุณต้องการ คุณจะได้เรียนรู้และรับความรู้ที่จำเป็นทั้งหมด
หากคุณสนใจสีตาที่ผิดปกติมาโดยตลอด คุณสามารถใช้คอนแทคเลนส์สีที่มีจำหน่ายในร้านค้าออนไลน์ของ LensMaster
สวัสดีเพื่อนรัก คุณใช้เวลาช่วงสุดสัปดาห์หรือเป็นวันหยุดอย่างไร? ฉันหวังว่ามันจะดี โดยส่วนตัวแล้วฉันมีช่วงเวลาที่ดีกับพวกเขา ฉันและภรรยาไปกับเพื่อน ๆ ไปที่เมืองยาโรสลัฟล์ แต่ฉันอยากจะพูดถึงเรื่องนี้ในครั้งต่อไป ในระหว่างนี้ ฉันมีคำถามหนึ่งจะถามคุณ: ลองจินตนาการว่าคุณเห็นข้อความบางอย่าง (บนเว็บไซต์หรือรูปภาพ) และคุณชอบข้อความนั้นมาก แนะนำ? ยอดเยี่ยม.
แล้วคุณควรทำอย่างไรถ้าคุณต้องการใช้ฟอนต์นี้ด้วยตัวเอง เช่น สำหรับ Photoshop, เอกสารออฟฟิศ (Word, PDF ฯลฯ) หรือสำหรับเว็บไซต์ของคุณ? ฉันจะแสดงวิธีระบุแบบอักษรของข้อความในรูปภาพหรือเว็บไซต์ใดๆ หรืออย่างน้อยก็พบแบบอักษรที่คล้ายกับแบบอักษรนั้นมาก คุณพร้อมหรือยัง? ถ้าอย่างนั้นไปกันเลย!
หากคุณเห็นข้อความที่สวยงามบนภาพใดๆ ฉันขอแนะนำให้คุณใช้วิธีหนึ่งในการพิจารณา
แต่ที่สำคัญที่สุด อย่าดาวน์โหลดอะไรจากที่นี่ เป็นการดีกว่าที่จะค้นหาตามวิธีที่ฉันได้แสดงให้เห็นแล้ว ที่นี่.
แต่ฉันอธิบายกรณีในอุดมคติเมื่อแบบอักษรสีเข้มอยู่บนพื้นหลังสีอ่อนโดยไม่มีรายละเอียดที่ไม่จำเป็น แต่หากภาพมีความอิ่มตัวมากขึ้นและมีรายละเอียดมากขึ้นก็จะยากขึ้นเล็กน้อย แต่ถึงกระนั้นบริการจะพยายามค้นหาสิ่งที่ถือว่าคล้ายกัน
ข้อความบนภาพ (ซีริลลิก)
น่าเสียดายที่ฉันยังไม่พบบริการที่สามารถจดจำแบบอักษรซีริลลิก (รัสเซีย) ได้ มันน่าเสียดาย เจอโปรแกรมหนึ่งครับ ตรวจจับแบบอักษรแต่จะค้นหาเฉพาะแบบอักษรในโฟลเดอร์เฉพาะบนคอมพิวเตอร์ของคุณเท่านั้น และไม่ได้ดีขนาดนั้นด้วยตัวมันเอง
แต่มีเว็บไซต์สาธารณะที่ให้คนโพสต์ภาพพร้อมข้อความและผู้มีความรู้ช่วยพิจารณาว่าคืออะไร ในกรณีส่วนใหญ่ผลลัพธ์จะเป็นค่าบวก
ข้อความบนหน้าเว็บ
หากคุณเยี่ยมชมเว็บไซต์และชอบแบบอักษรนั้น คุณสามารถตรวจสอบได้อย่างง่ายดายโดยใช้ส่วนขยายในเบราว์เซอร์ Google Chrome มาดูกัน? เอาล่ะ!
โดยทั่วไป ต้องขอบคุณเทคนิคง่ายๆ เหล่านี้ คุณสามารถค้นหาแบบอักษรที่คุณต้องการ หรืออย่างน้อยก็พบแบบอักษรที่ใกล้เคียงและคล้ายกัน ไม่ว่าในกรณีใด นี่เป็นความช่วยเหลือที่จับต้องได้มากและดีกว่าการค้นหาทุกอย่างด้วยตนเอง ฉันพูดถูกไหม?
สิ่งเดียวก็คือบริการเหล่านี้ไม่ได้มีอำนาจทุกอย่างและอาจไม่พบสิ่งที่คล้ายกันกับคุณด้วยซ้ำ และสิ่งนี้อาจได้รับอิทธิพลจากปัจจัยต่างๆ เช่น มีวัตถุที่ไม่จำเป็นมากเกินไปในรูปภาพ หรือข้อความที่สแกนไม่ดีและประมวลผลอย่างหนัก (ยืดออกหรือมีเอฟเฟกต์มากมาย) ดังนั้นลองค้นหารูปภาพที่เกี่ยวข้องมากขึ้น
นี่คือที่ฉันจบบทความของวันนี้ และฉันหวังเป็นอย่างยิ่งว่าคุณจะชอบมัน อย่าลืมสมัครรับข้อมูลอัปเดตบล็อกของฉันและแบ่งปันบทความบนโซเชียลเน็ตเวิร์ก นอกจากนี้ฉันขอแนะนำให้คุณอ่านบทความอื่น ๆ ฉันแน่ใจว่าคุณจะพบสิ่งที่มีประโยชน์สำหรับตัวคุณเอง พบกันใหม่. ลาก่อน!
ขอแสดงความนับถือ Dmitry Kostin!
สมมติว่าคุณชอบแบบอักษรตัวใดตัวหนึ่งแต่ไม่รู้ว่าจะระบุได้อย่างไร จริงๆ แล้ว มีเทคนิคมากมายในการระบุแบบอักษร
วิธีที่ง่ายที่สุดคือการดูซอร์สโค้ดของหน้าที่ดึงดูดสายตาของคุณ แน่นอนว่าหากต้องการค้นหาโค้ดที่ถูกต้อง คุณจำเป็นต้องเข้าใจโค้ด HTML บ้างเป็นอย่างน้อย
ฉันแนะนำให้ใช้โปรแกรมแก้ไขข้อความ Microsoft Word ในแพ็คเกจ Office เมื่อต้องการทำเช่นนี้ ให้บันทึกหน้าเว็บที่ต้องการเปิดในภายหลังในตัวแก้ไข แบบอักษรจะถูกกำหนดตามที่เป็นต้นฉบับ
การใช้บริการ Whatfont ง่ายยิ่งขึ้น ในการดำเนินการนี้ ให้ลากปุ่มไปที่บุ๊กมาร์กของเบราว์เซอร์ คลิกแท็บแบบอักษรที่คุณสนใจหลังจากวางเมาส์เหนือแบบอักษรนั้น สำหรับแต่ละแบบอักษร คำแนะนำจะอยู่ในรูปแบบของข้อมูลโดยย่อ (เมื่อคุณเรียกเมนูบริบท คุณจะได้รับข้อมูลโดยละเอียดเพิ่มเติม)
ผู้ช่วยมีปลั๊กอินสำหรับเบราว์เซอร์ต่าง ๆ ที่ตรวจจับแบบอักษรบนหน้าอินเทอร์เน็ตที่เปิดอยู่ สำหรับเบราว์เซอร์ Google Chrome นี่คือปลั๊กอิน Csscan และสำหรับ Mozilla FireFox คือ Firebug สิ่งที่คุณต้องทำคือดาวน์โหลดปลั๊กอินที่จำเป็นสำหรับเบราว์เซอร์ของคุณ
จะทำอย่างไรถ้าคุณไม่สามารถระบุแบบอักษรได้อย่างง่ายดาย เช่น จากรูปภาพ? เป็นเรื่องยากมากที่จะดึงมันออกมาจากที่นั่น แต่ก็เป็นไปได้ มีบริการที่ให้คุณกำหนดแบบอักษรบนโลโก้และรูปภาพได้ ตัวอย่างเช่น บริการเช่น WhatTheFont ทำให้สามารถอัปโหลดรูปภาพด้วยแบบอักษรได้ และจากการประมวลผล แบบอักษรที่คล้ายกับต้นฉบับมากที่สุดจากรูปภาพจะปรากฏขึ้น แม่นยำยิ่งขึ้นคือรายการแบบอักษรทั้งหมดให้เลือก
อย่างไรก็ตาม ไซต์ Identifont, ITC Fonts และ Fonts.com สามารถเลือกแบบอักษรได้ นี่คือระบบทั้งหมดของการเลือกแบบอักษรแบบกำหนดเป้าหมายทางออนไลน์ ข้อเสียอย่างเดียวของแหล่งข้อมูลดังกล่าวคือเป็นภาษาอังกฤษ อย่างไรก็ตาม หากคุณพยายามมากพอ คุณจะเข้าใจทุกอย่างได้
มาดูยูทิลิตี้กันดีกว่า (ซอฟต์แวร์เดสก์ท็อป)... FontMatch เป็นแอปพลิเคชันเดสก์ท็อปที่มีฟังก์ชั่นโหลดรูปภาพและสามารถแสดงแบบอักษรที่เหมาะสมที่สุดได้และหากไม่มีแบบอักษรที่ต้องการก็จะแสดงผลแบบอื่น การใช้งานโปรแกรมนี้อย่างต่อเนื่องจะทำให้คุณต้องมีแบบอักษรให้เลือกมากมาย
และสุดท้าย โปรแกรม Kleptomania ให้ความสามารถในการคัดลอกข้อความจากหน้าต่าง ซึ่งตามค่าเริ่มต้นไม่รองรับฟังก์ชันนี้ โบนัสของซอฟต์แวร์คือสามารถตั้งค่าแบบอักษรที่ใช้เขียนข้อความได้ ข้อได้เปรียบหลักของโปรแกรมดังกล่าวคือความรวดเร็วในการทำงานและการขาดการชำระเงิน
วิธีการพื้นฐานข้างต้นช่วยให้คุณสามารถระบุแบบอักษรได้เกือบทุกแบบบนเว็บไซต์