หากฉันมีเพียง WOFF และ EOT ฉันจะรองรับเบราว์เซอร์ใดกับ @ font-face

เรากำลังดูการซื้อแบบอักษรที่อนุญาตให้ใช้บนเว็บในรูปแบบที่ให้ไว้เท่านั้น: WOFF และ EOT

ฉันไม่แน่ใจว่าเบราว์เซอร์ใดที่ใช้งานได้และไม่สามารถหาข้อมูลล่าสุดได้ เบราว์เซอร์ใดที่ฉันสามารถใช้เพียงแค่สองอันนี้

ประสบการณ์เดียวของฉันคือกับไวยากรณ์ของ fontspring ซึ่งมี EOT, WOFF, TTF และ SVG

นี่เป็นวิธีมาตรฐานในการโหลดด้วย @ font-face , การแก้ไขแฮ็กและทั้งหมด !!

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

แต่ลบ SVG แล้วคุณจะสูญเสียการสนับสนุน iOS <5.0 เกือบสมบูรณ์

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

แก้ไขโดยwyu :ฉันได้รวบรวมตารางเพื่อให้คุณสามารถดูการสนับสนุนแบบเคียงข้างกัน

การสนับสนุนเบราว์เซอร์ @ font-face โดยทั่วไป

รองรับเบราว์เซอร์ EOT

รองรับเบราว์เซอร์ WOFF

การสนับสนุนเบราว์เซอร์ SVG

รองรับเบราว์เซอร์ TTF

SVG จะไม่รับคุณทุกที่ด้วย @ font-face; แต่ EOT ได้รับการสนับสนุนโดย IE; โดยที่ TTF และ OTF ได้รับการสนับสนุนจากเบราว์เซอร์หลักอื่น ๆ ทั้งหมด สำหรับ WOFF จากการอ่านหนังสือด้วยความคล้ายคลึงกับ TTF และ OTF มันค่อนข้างเป็นไปได้ที่จะสนับสนุนเบราว์เซอร์เดียวกันกับ TTF หรือ OTF ข้อเสนอแนะของฉันหากคุณสนใจจริงๆให้ลองแต่ละส่วนขยาย @ font-face ออกในเบราว์เซอร์และดูสิ่งที่คุณได้รับจากนั้นส่งสิ่งที่คุณได้รับไปยัง W3C เพื่อให้พวกเขาอัปเดตหน้ามาตรฐานของพวกเขา (ไม่รวมถึงส่วนขยายแบบอักษร "ปลอดภัย" ในปัจจุบัน)

หากสิ่งอื่นล้มเหลวฉันค่อนข้างแน่ใจว่า W3Schools เป็นรุ่นล่าสุด: http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

ผู้ขาย Webfont จำเป็นต้องให้การสนับสนุน eot นอกสำหรับฟอนต์ของพวกเขา - โดยเฉพาะเพราะสิ่งนี้! คุณจะคิดว่านี่เป็นลักษณะที่สองแม้ว่าจะเป็นระบบคลาวด์ (พร้อมตัวเลือกในการรวมหรือไม่รวม) - หากผู้คนถูกบังคับให้ต้องตามล่าตัวอักษรในบัญชีดำรายการนั้นจะไม่สนับสนุนให้มีการละเมิดลิขสิทธิ์เท่านั้น @ eb_p1