คำถามติดแท็ก woff

18
ประเภท Mime สำหรับแบบอักษร WOFF หรือไม่
แบบอักษร WOFF ชนิดใดที่ควรใช้เป็น? ฉันให้บริการแบบอักษร truetype (ttf) เป็น font/truetype truetypeและ opentype (otf) เป็นfont/opentypeแต่ฉันไม่สามารถหารูปแบบที่ถูกต้องสำหรับแบบอักษร WOFF ฉันได้พยายามfont/woff, font/webopenและfont/webopentypeแต่ Chrome ยังคงบ่น: "ทรัพยากรตีความเป็นแบบอักษร แต่ถ่ายโอนด้วย MIME type application / octet-stream" มีใครรู้บ้าง

14
ทำไม @ font-face ถึงข้อผิดพลาด 404 กับไฟล์ woff
ฉันใช้@font-faceเว็บไซต์ของ บริษัท และใช้งานได้ / ดูดี ยกเว้น Firefox และ Chrome จะโยนข้อผิดพลาด 404 ลงใน.woffไฟล์ IE ไม่ทิ้งข้อผิดพลาด ฉันมีแบบอักษรอยู่ที่รูท แต่ฉันได้ลองกับแบบอักษรในโฟลเดอร์ css และให้ URL ทั้งหมดสำหรับแบบอักษร หากลบแบบอักษรเหล่านั้นออกจากไฟล์ css ของฉันฉันจะไม่ได้รับ 404 ดังนั้นฉันรู้ว่าไม่ใช่ข้อผิดพลาดทางไวยากรณ์ นอกจากนี้ฉันใช้เครื่องมือ fontsquirrels เพื่อสร้าง@font-faceแบบอักษรและรหัส: @font-face { font-family: 'LaurenCBrownRegular'; src: url('/laurencb-webfont.eot'); src: local('☺'), url('/laurencb-webfont.woff') format('woff'), url('/laurencb-webfont.ttf') format('truetype'), url('/laurencb-webfont.svg#webfontaaFhOfws') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: …

4
ประเภท MIME ที่เหมาะสมสำหรับแบบอักษร. woff2
วันนี้ฉันอัปเดตแพ็คเกจ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 คืออะไร
279 fonts  mime-types  woff  woff2 

2
ฉันจะใช้ฟอนต์. woff สำหรับเว็บไซต์ของฉันได้อย่างไร?
คุณวางฟอนต์ไว้ที่ไหนเพื่อให้ CSS เข้าถึงได้? ฉันใช้แบบอักษรที่ไม่ได้มาตรฐานสำหรับเบราว์เซอร์ในไฟล์. woff สมมติว่า "ฟอนต์น่ากลัว" เก็บไว้ในไฟล์ "awesome-font.woff"
103 html  css  fonts  woff 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.