แบบอักษรของ Google Chrome มีการเปลี่ยนแปลง (4)

เพิ่งสังเกตเห็นในหลาย ๆ ไซต์ว่าไอคอนแบบอักษรที่ยอดเยี่ยมไม่แสดงอยู่ กูเกิลโครม- คอนโซลแสดงข้อผิดพลาดต่อไปนี้:

ขอบคุณสำหรับความช่วยเหลือ / คำอธิบาย!

ปัญหาการเข้าถึงแบบอักษร - เนื้อหาที่น่าทึ่งนี้เป็นปัญหาสำหรับคนจำนวนมากโดยไม่มีคำอธิบายที่ครอบคลุมและวิธีแก้ไขปัญหา

CORS คืออะไร:

Copy Resource Sharing (CORS) เป็นกลไกที่ใช้ส่วนหัว HTTP เพิ่มเติมเพื่ออนุญาตให้ตัวแทนผู้ใช้เข้าถึงทรัพยากรที่เลือกจากเซิร์ฟเวอร์ในแหล่งกำเนิด (โดเมน) ที่แตกต่างจากที่ใช้ใน ในขณะนี้เว็บไซต์. ตัวแทนผู้ใช้สร้างคำขอ HTTP ข้ามต้นทางเมื่อร้องขอทรัพยากรจากโดเมน โปรโตคอล หรือพอร์ตอื่นที่ไม่ใช่แหล่งที่มาของเอกสารปัจจุบัน

ปัญหา:

ปัญหาเกี่ยวข้องกับวิธีการโหลดแบบอักษรที่น่าทึ่ง

@font-face( font-family:"FontAwesome"; src:url("../fonts/fontawesome-webfont.eot?v=4.2.0"); src:url("../fonts/fontawesome-webfont .eot?#iefix&v=4.2.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"),url( รูปแบบ "../fonts/fontawesome-webfont.ttf?v=4.2.0") รูปแบบ("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") รูปแบบ ("svg"); แบบอักษร-น้ำหนัก:ปกติ;

โหลดแบบอักษรผ่านสไตล์ชีท (CSS) สถานการณ์ที่เรามีที่นี่:

สารละลาย:

แม้ว่ากฎ CORS จะถูกสร้างขึ้นในพื้นที่จัดเก็บไฟล์ของคุณ เช่น S3 และได้รับการอนุญาตการเข้าถึงทรัพยากรให้กับโดเมนที่กำหนด เมื่อ CDN พยายามดาวน์โหลดแบบอักษรที่ระบุใน CSS แหล่งที่มา/โดเมนจะระบุไว้เมื่อดาวน์โหลดเหล่านั้น แบบอักษรมาจาก CDN แต่ไม่ได้ให้การเข้าถึง CORS กับโดเมน CDN

สร้างกฎ CORS สำหรับโดเมน CDN ของคุณ

ฉันใช้ CDN ซึ่งไม่อนุญาตให้ฉันแก้ไขคำตอบ ดังนั้นฉันจึงแก้ไข font-awesome.min.css โดยแทนที่เส้นทางสัมพัทธ์ด้วยเส้นทางสัมบูรณ์และใช้งานได้

ปัญหาไม่ได้อยู่ที่ไฟล์ CSS แต่อยู่ที่วิธีการทำงานกับไฟล์ฟอนต์ ไฟล์ font-awesome.min.css มีบรรทัดดังนี้

@font-face(font-family:"FontAwesome"; src:url("../fonts/fontawesome-webfont.eot?v=4.2.0"); src:url("../fonts/fontawesome-webfont .eot?#iefix&v=4.2.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"),url( รูปแบบ "../fonts/fontawesome-webfont.ttf?v=4.2.0") รูปแบบ("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") รูปแบบ ("svg"); แบบอักษร-น้ำหนัก:ปกติ;

ซึ่งบังคับให้เบราว์เซอร์ขอไฟล์ฟอนต์ที่เกี่ยวข้อง (eot, woff, ttf หรือ svg) จากเซิร์ฟเวอร์เดียวกันกับ ไฟล์ซีเอสเอส- นี่เป็นตรรกะและถูกต้อง

อย่างไรก็ตาม เมื่อเบราว์เซอร์ร้องขอไฟล์ฟอนต์นี้จาก cdn.keywest.life เบราว์เซอร์จะอ่านส่วนหัวของ Access-Control-Allow-Origin แล้วไม่พบ ดังนั้นจึงแสดงข้อความแสดงข้อผิดพลาดนี้ (นี่ดูเหมือนเป็นข้อบกพร่องของเบราว์เซอร์สำหรับฉันเพราะมันมาจากเซิร์ฟเวอร์เดียวกันกับไฟล์ CSS)

เมื่อคุณใช้ maxcdn.bootstrapcdn.com การตอบสนองจะรวมส่วนหัว Access-Control-Allow-Origin:* และเบราว์เซอร์ยอมรับไฟล์ฟอนต์นั้น หากเซิร์ฟเวอร์ cdn ของคุณมีส่วนหัวนี้ ส่วนหัวนี้ก็จะใช้งานได้เช่นกัน

หากคุณมีเซิร์ฟเวอร์ Apache ดูคำตอบนี้: แบบอักษรที่ยอดเยี่ยมแสดงผลไม่ถูกต้องใน Firefox / จะขายผ่าน CDN ได้อย่างไร

หลังจากอัปเดตเบราว์เซอร์ Chrome เป็นระยะ ผู้ใช้จะมีปัญหากับแบบอักษร: มันกลายเป็นสบู่, คลุมเครือ, พร่ามัว ฯลฯ จนถึงเวอร์ชัน 51 รวมอยู่ด้วย ปัญหานี้แก้ไขได้อย่างง่ายดาย แต่การอัปเดตเป็นเวอร์ชัน 52 สร้างความประหลาดใจครั้งใหญ่ให้กับผู้ใช้เบราว์เซอร์ทุกคน ...

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

ในขณะที่เขียนบทความนี้คือวันที่ 6 สิงหาคม เรามีเบราว์เซอร์ Chrome เวอร์ชันถัดไปแล้ว (52.0.2743.116) แต่ไม่มีอะไรเปลี่ยนแปลง เห็นได้ชัดว่านักพัฒนารู้ดีกว่าว่าแบบอักษรใดสะดวกสำหรับผู้ใช้มากกว่า และไม่ควรให้อิสระแก่พวกเขาในการเลือก...

ปัญหาใดที่อาจเกิดขึ้นในเบราว์เซอร์?

ปัญหาเกี่ยวกับแบบอักษรสามารถแสดงออกมาได้หลายวิธี สำหรับบางคน แบบอักษรจะพร่ามัวและไม่ชัดเจน สำหรับบางคน แบบอักษรตัวหนามีเงาหรือไม่แตกต่างจากแบบอักษรปกติเลย:

มีคนมีปัญหากับการแสดงแบบอักษรบนเว็บไซต์ VKontakte: มีเมฆมาก อ่านไม่ออกโดยสิ้นเชิง มีรอยบาดและทำให้ปวดตา ตัวอย่าง:

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

และผู้ใช้บางคนพบกับเรื่องไร้สาระและสยองขวัญโดยสิ้นเชิง: แบบอักษรเสียหายและดูคดเคี้ยว:

วิธีแก้ปัญหาแบบอักษรใน Google Chrome และกลับสู่สถานะที่อ่านได้

หาก Chrome เวอร์ชัน 51 และต่ำกว่า คุณ และหาก 52 ขึ้นไป โปรดฟังอย่างระมัดระวัง... ขณะนี้ยังไม่มีวิธีแก้ไขวิธีทำให้แบบอักษรชัดเจนยิ่งขึ้นโดยใช้ Chrome เอง - นักพัฒนาได้กีดกันผู้ใช้ที่มีอิทธิพลต่อสิ่งนี้โดยการลบ พารามิเตอร์ DirectWrite จากการตั้งค่าทดลอง!

มีเพียงสองวิธีในการแก้ปัญหานี้:

• ขั้นแรก ให้เปลี่ยนไปใช้เบราว์เซอร์อื่น เช่น Firefox อย่างไรก็ตาม Opera เวอร์ชันล่าสุดมีปัญหากับแบบอักษรเช่นเดียวกับ Chrome เนื่องจากใช้เอนจิ้นเดียวกัน
• ประการที่สอง ย้อนกลับ Chrome ไปเป็นเวอร์ชันก่อนหน้า ให้แม่นยำยิ่งขึ้นไปยังเวอร์ชันที่ยังไม่เกิดปัญหา (51.0.2704.106) และกำหนดค่าพารามิเตอร์ DirectWrite แต่มีสิ่งหนึ่งที่จับได้ ...

นักพัฒนาซอฟต์แวร์ของ Google ก็เอาชนะทุกคนที่นี่เช่นกัน :) เป็นไปไม่ได้ที่จะย้อนกลับผ่านการตั้งค่าของเบราว์เซอร์เอง - ไม่มีตัวเลือกดังกล่าว แม้ว่าคุณจะถอนการติดตั้งโปรแกรมเวอร์ชันปัจจุบัน คุณจะไม่พบไฟล์การติดตั้งของเวอร์ชันก่อนหน้าบนเว็บไซต์อย่างเป็นทางการ

วิธีย้อนกลับเป็น Google Chrome เวอร์ชันก่อนหน้า

สิ่งที่เหลืออยู่คือแผนภาพนี้:

ใครก็ตามที่ต้องการสามารถค้นหาด้วยตนเอง แต่เราพบแล้ว ดาวน์โหลดแล้ว และตอนนี้เรากำลังแชร์ลิงก์บน Yandex.Disk กับคุณ: Google Chrome 51.0.2704.106 (มีเวอร์ชันสำหรับทั้งระบบ 64 บิตและ 32 บิต) .

1. ก่อนที่จะถอนการติดตั้ง Chrome ให้ซิงโครไนซ์ข้อมูลที่จำเป็นทั้งหมดด้วย บัญชีกูเกิลเพื่อไม่ให้พวกมันหายไป! เมื่อต้องการทำเช่นนี้ ในหน้าต่างที่อยู่ของเบราว์เซอร์ของคุณ ให้พิมพ์ chrome://settings/syncSetupและกด Enter ในหน้าต่างที่เปิดขึ้น ให้ทำเครื่องหมายในช่องถัดจากรายการที่จำเป็นทั้งหมด หรือดีกว่านั้น เพียงเลือกตัวเลือก "ซิงโครไนซ์ทุกอย่าง" ดังในภาพหน้าจอด้านล่าง - มันจะน่าเชื่อถือมากขึ้น :)

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

1. หลังจากติดตั้งเวอร์ชัน 51.0.2704.106 ให้ส่งคืน การตั้งค่าก่อนหน้า Chrome โดยการซิงค์และอย่าลืม ปิด อัปเดตอัตโนมัติ เป็นเวอร์ชันล่าสุด ไม่เช่นนั้นเบราว์เซอร์จะได้รับการอัปเดตอีกครั้งและทุกอย่างที่ทำเสร็จแล้วจะพัง!

วิธีปิดการใช้งานการอัปเดต Chrome

เพื่อป้องกันไม่ให้เบราว์เซอร์อัปเดต เราได้ทำเคล็ดลับอย่างหนึ่ง ไปที่โฟลเดอร์ c:\Program Files\Google\Update\ หรือ c:\Program Files (x86)\Google\Update\ หากคุณมีระบบปฏิบัติการเวอร์ชัน 64 บิต ให้ลบไฟล์ออก GoogleUpdate.exe.

ไม่มีปัญหา :) แนะนำให้แก้ไขรายการรีจิสตรีเปลี่ยนกลุ่มบนอินเทอร์เน็ต นโยบายของวินโดวส์เพิ่มเทมเพลตการดูแลระบบ ฯลฯ ฯลฯ เช่นเคย คำแนะนำเหล่านี้ส่วนใหญ่เขียนโดยผู้ที่ไม่ได้ดำเนินการใดๆ ด้วยตนเอง แต่เพียงคัดลอกมาจากกันและกัน ทั้งหมดนี้ไม่จำเป็นเลย เพียงลบไฟล์ GoogleUpdate.exe แล้ว Chrome จะไม่สามารถอัปเดตได้อีกต่อไป

เมื่อคุณตัดสินใจที่จะติดตั้ง Google Chrome เวอร์ชันล่าสุดหลังจากผ่านไประยะหนึ่ง (หากเกิดเหตุการณ์นี้) เพียงดาวน์โหลดด้วยตนเองจากเว็บไซต์อย่างเป็นทางการ ไฟล์การติดตั้งและเรียกใช้มัน ไม่มีปัญหา!

ป.ล. (อัปเดต 06/2018)

ผู้ใช้จำนวนมากได้รับความช่วยเหลือโดยการเปลี่ยนพารามิเตอร์การปรับขนาดฟอนต์แคชในการตั้งค่าการทดลอง เมื่อต้องการทำเช่นนี้ ให้คัดลอกและวางลงในแถบที่อยู่ chrome://flags/#enable-font-cache-scalingจากนั้นเลือกสถานะ "ปิดใช้งาน" ดังที่แสดงในภาพหน้าจอ:

เพื่อน ๆ คุณจัดการเพื่อแก้ไขปัญหาแบบอักษรที่ไม่ชัดเจนใน Google Chrome โดยใช้คำแนะนำเหล่านี้หรือไม่? แบ่งปันบทความนี้กับเพื่อนของคุณโดยใช้ปุ่มโซเชียล เครือข่าย - พวกเขาจะขอบคุณคุณอย่างแน่นอน เพราะพวกเขาอาจประสบปัญหาเดียวกันกับแบบอักษรเช่นเดียวกับคุณ

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

ในเวอร์ชันเก่าก่อนการเปิดตัวเวอร์ชัน 51 การแก้ปัญหานี้ไม่ใช่เรื่องยาก แต่ด้วยการมาถึงของเวอร์ชัน 52 นักพัฒนาได้นำเสนอผู้ใช้ด้วยความประหลาดใจอย่างแท้จริง แต่น่าเสียดายที่เป็นสิ่งที่ไม่พึงประสงค์

วิธีเปลี่ยนแบบอักษรที่อ่านไม่ได้

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

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

ปัญหาในการใช้เบราว์เซอร์

ปัญหาเกี่ยวกับการแสดงแบบอักษรแสดงออกมาในรูปแบบต่างๆ

ก่อนอื่นคุณต้องค้นหาว่าคุณได้ติดตั้ง Google Chrome เวอร์ชันใดซึ่งคุณต้องพิมพ์ลงไป แถบที่อยู่ chrome://help/ แล้วกด Enter หน้า "เกี่ยวกับโปรแกรม" จะเปิดขึ้นทันที

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

มีเพียง 2 ตัวเลือกในการแก้ปัญหานี้:

1. เริ่มทำงานกับเบราว์เซอร์อื่น เช่น Firefox เวอร์ชันล่าสุด Opera เช่นเดียวกับ Chrome มีปัญหาหลายประการกับการแสดงแบบอักษร โดยเฉพาะอย่างยิ่งกับสีของแบบอักษร ซึ่งอธิบายได้ด้วยเอนจิ้นเดียวกับที่พัฒนาขึ้น
2. ย้อนกลับ Google Chrome เป็นเวอร์ชันก่อนหน้าเมื่อไม่มีปัญหาดังกล่าว และกำหนดค่าพารามิเตอร์ DirectWrite อย่างไรก็ตามมีข้อแม้ประการหนึ่ง: ไม่มีวิธีย้อนกลับโดยใช้การตั้งค่าของเบราว์เซอร์เองเนื่องจากไม่มีตัวเลือกดังกล่าว แม้ว่าอันปัจจุบันจะถูกลบไปแล้วก็ตาม เวอร์ชันของ Google Chrome จะไม่สามารถค้นหาไฟล์การติดตั้งเวอร์ชันก่อนหน้าได้จากเว็บไซต์นักพัฒนาซอฟต์แวร์อย่างเป็นทางการ

ย้อนกลับเป็น Chrome เวอร์ชันก่อนหน้า

ในการดำเนินการนี้ คุณต้องปฏิบัติตามรูปแบบนี้:

ก่อนที่จะถอนการติดตั้งเบราว์เซอร์ คุณต้องซิงโครไนซ์ทั้งหมดก่อน ข้อมูลที่จำเป็นด้วยบัญชี Google Chrome ของคุณเพื่อไม่ให้สูญหาย ในการดำเนินการนี้ คุณต้องพิมพ์ chrome://settings/syncSetup ในหน้าต่างที่อยู่ของเบราว์เซอร์ของคุณ จากนั้นกด Enter หลังจากนี้หน้าต่างจะเปิดขึ้นโดยที่คุณสามารถทำเครื่องหมายรายการที่คุณต้องการหรือดีกว่านั้นเพียงเลือกตัวเลือก "ซิงโครไนซ์ทุกอย่าง" ตอนนี้คุณต้องรอสักครู่จนกว่าการซิงโครไนซ์จะเสร็จสิ้นโดยเฉพาะอย่างยิ่งหากอยู่ก่อนช่วงเวลานี้ ตัวเลือกนี้อยู่ในสภาพพิการ

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

ปิดการใช้งานการอัปเดต Chrome

เพื่อป้องกันไม่ให้ Google Chrome อัปเดตตัวเอง คุณควรใช้เคล็ดลับเดียว ไปที่ c:\Program Files\Google\Update\ หรือ c:\Program Files (x86)\Google\Update\ หากอยู่ในคอมพิวเตอร์ของคุณ ระบบปฏิบัติการเวอร์ชัน 64 บิต และลบไฟล์ GoogleUpdate.exe หนึ่งไฟล์

บนอินเทอร์เน็ตคุณจะพบคำแนะนำจำนวนมากที่ยืนยันในการแก้ไขรายการรีจิสตรีและเปลี่ยนแปลง นโยบายกลุ่ม Windows เพิ่มเทมเพลตการดูแลระบบและอื่นๆ ตามกฎแล้วคำแนะนำเหล่านี้ส่วนใหญ่รวบรวมโดยผู้ใช้ที่ไม่ได้ทำทั้งหมดนี้ด้วยตนเอง แต่เขียนใหม่เฉพาะสิ่งที่พวกเขาเคยเห็นในฟอรัมบางแห่งเท่านั้น เพื่อแก้ไขปัญหาดังกล่าว ไม่จำเป็นต้องดำเนินการทั้งหมดนี้ การลบไฟล์ GoogleUpdate.exe ก็เพียงพอแล้ว และ Google Chrome จะไม่อัปเดตตัวเองอีกต่อไป

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

ด้วยการปฏิบัติตามเคล็ดลับเหล่านี้ คุณสามารถกำจัดปัญหาเกี่ยวกับการแสดงแบบอักษรของเบราว์เซอร์ เปลี่ยนสีให้เป็นปกติ และทำงานกับ Google Chrome ได้เหมือนเดิม

บนเว็บไซต์นี้ ฉันกำลังเขียนโค้ดโดยใช้เว็บฟอนต์ที่เก็บไว้บนเซิร์ฟเวอร์ของฉัน ทุกเบราว์เซอร์แสดงผลได้ดี แต่ Chrome ไม่แสดงผล Chrome ใช้แทน ไทม์ส ใหม่โรมัน. หลังจากตรวจสอบเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์บน Chrome ฉันพบว่าพวกเขากำลังขอแบบอักษร ARE จากเซิร์ฟเวอร์และถูกลบออกได้สำเร็จ ด้วยเหตุผลบางอย่าง Chrome จึงไม่ใช้งาน ฉันสังเกตเห็นว่าหากฉันติดตั้งแบบอักษรบนคอมพิวเตอร์ (โดยใช้ Windows, BTW) แบบอักษรก็จะเริ่มทำงานกับ Chrome ทันที

นี่คือการอ่านแบบอักษรของฉัน:

@font-face ( ครอบครัวแบบอักษร: "BNLunch"; src: url("BN_Lunch.eot"); src: url("BN_Lunch.eot?#iefix") รูปแบบ("embedded-opentype"), url("BN_Lunch .woff") รูปแบบ("woff"), url("BN_Lunch.ttf") รูปแบบ("truetype"), url("BN_Lunch.svg#BNLunchregular") รูปแบบ("svg"); น้ำหนักแบบอักษร: ปกติ; แบบอักษร -สไตล์: ปกติ)

มีความคิดอะไรบ้าง?

แก้ไข: ฉันลืมพูดถึงว่า CSS นี้ใช้งานได้กับแบบอักษรอื่น เฉพาะแบบอักษรนี้และ BNMadregot เท่านั้นที่ทำให้เกิดปัญหากับฉัน บางทีอาจเป็นเพราะว่า ตัวอักษรภาษาอังกฤษแบบอักษรนี้ว่างเปล่าหรือไม่?

2 คำตอบ

แบบอักษรใช้งานไม่ได้ (ตามที่ FontSquirrel บอกคุณ) อย่าใช้มัน. ฉันดาวน์โหลด BN Lunch จากไซต์ที่คุณพูดถึงและประมวลผลโดยใช้ font-face-generator.com และหน้า test.html ที่สร้างขึ้นไม่แสดงอักขระในแบบอักษรนั้น (และใช่ ฉันลองใช้ตัวเลขธรรมดาและตัวอักษรฮีบรูด้วย ) โครเมียม หรือใน Firefox เฉพาะใน IE (ทดสอบบน Win 7) เครื่องมือพัฒนา Chrome แสดงว่า Chrome กำลังรับไฟล์แบบอักษรและไม่ได้ส่งสัญญาณข้อผิดพลาด ดังนั้นตารางแบบอักษรภายในจึงดูเหมือนจะใช้งานไม่ได้ (เช่น ข้อมูลการครอบคลุมอักขระที่ไม่ถูกต้อง) ไซต์ที่เผยแพร่แบบอักษรนี้ดูน่าสงสัยเหมือนกับหนึ่งในไซต์เผยแพร่แบบอักษรที่ผิดกฎหมายหลายแห่ง ตัวอย่างเช่น ไม่มีการกล่าวถึงผู้เขียนหรือลิขสิทธิ์ของแบบอักษร

ดังนั้นรับแบบอักษรอื่น

ฉันมีโค้ด CSS ที่คล้ายกันซึ่งทำงานได้ดีในทุกเบราว์เซอร์ แม้แต่ Chrome

@font-face ( font-family: "standard 07_58"; src: url("../fonts/standard_07_58/stan0758.eot?") รูปแบบ("eot"), url("../fonts/standard_07_58/stan0758 .woff") รูปแบบ("woff"), url("../fonts/standard_07_58/stan0758.ttf") รูปแบบ("truetype"), url("../fonts/standard_07_58/stan0758.svg#Standard0758") รูปแบบ ("svg"); ตัวอักษร-น้ำหนัก: ปกติ;

CSS ของคุณมีความแตกต่างอยู่บ้าง ดังนั้นลองทำตามรูปแบบนี้แล้วดูว่าจะเกิดอะไรขึ้น