ฉันได้เพิ่มกฎเหล่านี้ไปที่mime.types:

application/x-font-ttf                ttf;
font/opentype                         otf;
application/vnd.ms-fontobject         eot;
font/x-woff                           woff;

ขณะนี้ส่วนหัว Content-Type ได้รับการตั้งค่าอย่างถูกต้องสำหรับแต่ละประเภท ปัญหาเดียวของฉันตอนนี้คือ Firefox ต้องใช้ Access-Control-Allow-Origin ฉัน googled คำตอบนี้และเพิ่มลงในคำสั่งเซิร์ฟเวอร์ของฉัน:

location ~* \.(eot|ttf|woff)$ {
    add_header Access-Control-Allow-Origin *;
}

แต่ตอนนี้แบบอักษรของฉันไม่ได้ถูกแสดงเลย

แทนที่จะเป็นerror.logรายงานที่พยายามเปิดพวกเขาบนระบบไฟล์โลคอลแทน

2010/10/02 22:20:21 [ข้อผิดพลาด] 1641 # 0: * 15 open () "/usr/local/nginx/html/fonts/mgopenmodernabold-webfont.woff" ล้มเหลว (2: ไม่มีไฟล์หรือไดเรกทอรีดังกล่าว) ไคลเอนต์: 69.164.216.142, se rver: static.arounds.org คำขอ: "HEAD /fonts/mgopenmodernabold-webfont.woff HTTP / 1.1", โฮสต์: "static.arounds.org"

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

แก้ไข : ฉันคิดว่าปัญหาคือตอนนี้ฉันให้บริการ 2 สถานที่ต่างกัน และแทนที่จะเป็นสิ่งที่ฉันควรจะตรวจสอบ regex ภายในหนึ่งหลักแล้วฟีดส่วนหัว

Woot! เข้าใจแล้ว .. มันเป็นสิ่งที่ฉันสงสัยมากในการแก้ไขของฉันฉันต้องทำการตรวจสอบชื่อไฟล์ regex ในพื้นรองเท้าของฉันlocation {}แทนที่จะทำทางเลือกอื่นแทน

    location / { 
            root /www/site.org/public/;
            index index.html;

            if ($request_filename ~* ^.*?/([^/]*?)$)
            {
                set $filename $1; 
            }

            if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){
                add_header Access-Control-Allow-Origin *;
            }
    }

location ~* \.(eot|ttf|woff)$ {
    add_header Access-Control-Allow-Origin *;
}

สินทรัพย์ทั้งหมด

สิ่งนี้จะทำให้สินทรัพย์ทั้งหมดทำงานได้ดี คุณสามารถเพิ่มrootหากคุณต้องการกำหนดตำแหน่งใหม่

location ~ \.(js|css|png|jpg|jpeg|gif|ico|html|woff|woff2|ttf|svg|eot|otf)$ {
    add_header "Access-Control-Allow-Origin" "*";
    expires 1M;
    access_log off;
    add_header Cache-Control "public";
}

โซลูชันอื่น: ใส่แบบอักษรทั้งหมดของคุณในตัวอย่างstatic/fontsและเพิ่ม

location /static/fonts  {
    add_header "Access-Control-Allow-Origin" *;
    alias /var/www/mysite/static/fonts;
}