วันนี้ฉันอัปเดตแพ็คเกจAwesome Awesomeเป็น 4.3.0 และสังเกตว่ามีการเพิ่มแบบอักษรwoff2 ไฟล์นั้นลิงก์ใน CSS ดังนั้นฉันต้องกำหนดค่า nginx เพื่อให้บริการไฟล์ woff2 อย่างถูกต้อง

ขณะนี้ฉันมีบล็อกนี้ในการตั้งค่าแบบ nginx สำหรับแบบอักษร:

location ~* \.(otf|eot|woff|ttf)$ {
    types     {font/opentype otf;}
    types     {application/vnd.ms-fontobject eot;}
    types     {font/truetype ttf;}
    types     {application/font-woff woff;}
}

ชนิด mime ที่เหมาะสมสำหรับแบบอักษร woff2 คืออะไร

ใน IIS คุณสามารถประกาศประเภท mime สำหรับไฟล์ฟอนต์ WOFF2 ได้โดยการเพิ่มสิ่งต่อไปนี้ลงใน web.config ของโครงการของคุณ:

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

ปรับปรุง : ประเภทละครใบ้อาจจะมีการเปลี่ยนแปลงตามล่าสุดร่าง WOFF2 ข้อมูลจำเพาะ ดูภาคผนวก A: การลงทะเบียนประเภทสื่ออินเทอร์เน็ตส่วน6.5 WOFF 2.0ซึ่งระบุรูปแบบที่เสนอล่าสุดคือfont/woff2

font/woff2

สำหรับnginxเพิ่มสิ่งต่อไปนี้ในmime.typesไฟล์:

font/woff2 woff2;

คำตอบเก่า

ประเภทละครใบ้ (เขียนบางครั้งเป็นชนิด mime) สำหรับแบบอักษร WOFF2 ได้รับการเสนอapplication/font-woff2เป็น

นอกจากนี้หากคุณอ้างถึงข้อมูลจำเพาะ ( http://dev.w3.org/webfonts/WOFF2/spec/ ) คุณจะเห็นว่าfont/woff2มีการหารือกัน ฉันสงสัยว่าประเภท mime ของไฟล์สำหรับแบบอักษรทั้งหมดในที่สุดจะมีเหตุผลมากขึ้นfont/*( font/ttf, font/woff2ฯลฯ ) ...

NB WOFF2 ยังคงอยู่ในสถานะ 'Working Draft' - ยังไม่ได้ใช้อย่างเป็นทางการ

อาปาเช่

ใน Apache คุณสามารถเพิ่มwoff2ประเภท mime ผ่าน.htaccessไฟล์ของคุณตามที่ระบุไว้ในลิงค์นี้

AddType  application/font-woff2  .woff2

IIS

ใน IIS เพียงเพิ่มmimeMapแท็กต่อไปนี้ลงในweb.configไฟล์ของคุณภายในstaticContentแท็ก

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />

http://dev.w3.org/webfonts/WOFF2/spec/#IMT

ดูเหมือนว่า w3c จะเปลี่ยนเป็น font/woff2

ฉันเห็นว่ามีการสนทนาเกี่ยวกับประเภท mime ที่เหมาะสม ในลิงค์เราอ่าน:

เอกสารนี้กำหนด"แบบอักษร" ประเภท MIME ระดับบนสุด ...

... ชนิดย่อยของ IANA ที่กำหนดอย่างเป็นทางการเช่น "application / font-woff" ...

สมาชิกของ W3C WebFonts WG เชื่อว่าการใช้งานระดับสูงสุด "แอปพลิเคชัน" ไม่เหมาะ

และหลังจากนั้น

6.5. WOFF 2.0

    Type name:

        font
    Subtype name:

        woff2

ดังนั้นข้อเสนอจาก W3C จึงแตกต่างจาก IANA

เราจะเห็นว่ามันแตกต่างจากประเภท woff: http://dev.w3.org/webfonts/WOFF/spec/#IMT ที่เราอ่าน:

Type name:

    application
Subtype name:

    font-woff

ซึ่งเป็น

application/font-woff

http://www.w3.org/TR/WOFF/#appendix-b