ডাব্লুএফএফ ফন্টের জন্য মাইম টাইপ?


556

ডাব্লুওএফএফ ফন্টগুলি কোন মাইম টাইপের হিসাবে পরিবেশন করা উচিত?

আমি truetype (ttf) ফন্ট হিসাবে font/truetypeএবং ওপেনটাইপ (otf) হিসাবে হিসাবে পরিবেশন করছি font/opentype, তবে আমি ডাব্লুএফএফ ফন্টের জন্য সঠিক বিন্যাসটি খুঁজে পাচ্ছি না।

আমি চেষ্টা করেছি font/woff, font/webopenএবং font/webopentype, কিন্তু Chrome এখনও অভিযোগ:

"রিসোর্স ফন্ট হিসাবে ব্যাখ্যা করা হয়েছে তবে এমআইএমআই টাইপ অ্যাপ্লিকেশন / অক্টেট-স্ট্রিমের সাথে স্থানান্তরিত হয়েছে।"

কেউ জানেন?


1
তাহলে কি ক্রোমের অভিযোগ বন্ধ করার কোনও উপায় নেই?
জন মে

1
এখানে নোড.জেএস / উল্কা সমাধান: এনপিএম ইনস্টল মাইম
এরিক লেরয়

অন্যান্য কনফিগ যা অবশেষে আইআইএস আমার সমস্যা সংশোধন করে মনে রাখবেন stackoverflow.com/questions/12458444/...
ইমান

1
font/woffwoff এর জন্য এখন সঠিক MIME টাইপ এবং ক্রোম অভিযোগ করে না।
মিকেল ডিআই বলিণ্ডার

উত্তর:


737

জুন 22, 2017-তে কীথ শ'র মন্তব্য থেকে আপডেট করুন:

ফেব্রুয়ারী 2017 পর্যন্ত, আরএফসি 8081 প্রস্তাবিত মান। এটি ফন্টগুলির জন্য একটি শীর্ষ স্তরের মিডিয়া প্রকারটি সংজ্ঞায়িত করে, তাই ডাব্লুএফএফএফ এবং ডাব্লুএফএফএফ 2 এর জন্য স্ট্যান্ডার্ড মিডিয়া টাইপটি নিম্নরূপ:

font/woff

font/woff2


জানুয়ারী 2011 এ ঘোষণা করা হয়েছিল যে এর মধ্যে ক্রোমিয়াম স্বীকৃতি দেবে

application/x-font-woff

ডাব্লুএফএফের জন্য মাইম-টাইপ হিসাবে। আমি জানি এই পরিবর্তনটি এখন ক্রোম বিটাতে রয়েছে এবং যদি এখনও স্থিতিশীল না হয় তবে এটি খুব বেশি দূরে থাকা উচিত নয়।


8
ক্রোমিয়াম 18.0, 2012/08/30 হিসাবে, অ্যাপ্লিকেশন / এক্স-ফন্ট-ওফ ব্যবহার করতে হবে
সিসি অল্প বয়স্ক

6
যেমন সিসি ইয়াং বলেছিলেন, ক্রোম সতর্কতা থেকে মুক্তি পেতে "রিসোর্সকে ফন্ট হিসাবে ব্যাখ্যা করা হয়েছে তবে এমআইএমআই টাইপ অ্যাপ্লিকেশন / ফন্ট-ওফ" দিয়ে স্থানান্তরিত করতে আপনার "অ্যাপ্লিকেশন / এক্স-ফন্ট-ওফ" ব্যবহার করতে হবে
জেমি

9
ক্রোম সংস্করণ 24.0.1312.52 আপনি অ্যাপ্লিকেশন / ফন্ট-ওফ ব্যবহার করলে "রিসোর্সটি ফন্ট হিসাবে ব্যাখ্যা করা হলেও স্থানান্তরিত ..." দিয়ে এখনও জবাব দেয়। এখনও আপাতত "অ্যাপ্লিকেশন / এক্স-ফন্ট-ওফ" ব্যবহার করা প্রয়োজন বলে মনে হচ্ছে।
নিকলি

4
নিম্নলিখিত ওয়েবকিট প্রতিশ্রুতি অনুসারে, font/woffএবং application/x-font-woffএর পক্ষে সরানো হবে application/font-woff। এছাড়াও, সতর্কতাটি একটি লগ বার্তায় ডাউনগ্রেড করা হয়েছে। trac.webkit.org/changeset/144763/trunk/Source/WebCore/inspector/…
স্কিপার্স

6
নতুন কী হবে .woff2?
মাফিন ম্যান

135

আমার জন্য, পরেরটি একটি .htaccess ফাইলে কাজ করা হবে।

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
AddType font/woff2 .woff2   

2
আমি বিশ্বাস করতে পারি না আরও বেশি লোক এটি সহায়ক বলে মনে করেনি। এটিই আমার পক্ষে কাজ করেছে।
টিম জয়েস

4
এই প্রশ্ন জিজ্ঞাসা করার সময় 'ফন্ট / woff করেনি না হবে। এটি কি এখন কেউ নিশ্চিত করতে পারে?
নিকো বার্নস

5
আইআইএস এক্সপ্রেস, আপনি একটি যোগ করতে পারেন mimeMap : কনফিগারেশন / system.webServer / staticContent অধীনে web.config করার উপাদান<mimeMap fileExtension=".woff" mimeType="font/woff" />
shovavnik

6
ক্রোম 18 হিসাবে, কাজ করা বন্ধ করে দিয়েছে। এখন অ্যাপ্লিকেশন / এক্স-ফন্ট-ওফ কাজ করছে বলে মনে হচ্ছে।
সিসি অল্প বয়স্ক

4
রেকর্ডের জন্য, গুগল ফন্টগুলি ব্যবহার করে font/woffএবং font/woff2
অসন্তুষ্ট গোট

55

এটা হবে application/font-woff

দেখুন http://www.w3.org/TR/WOFF/#appendix-b (ডাব্লু 3 সি প্রার্থীদের সুপারিশ 04 আগস্ট 2011)

এবং http://www.w3.org/2002/06/registering-mediatype.html

মজিলা সিএসএস ফন্ট-মুখের নোটগুলি থেকে

গেকোতে, ওয়েব ফন্টগুলি একই ডোমেন বিধিনিষেধের সাথে জড়িত (ফন্ট ফাইলগুলি অবশ্যই তাদের ব্যবহারের পৃষ্ঠার মতো ডোমেনে থাকতে হবে), যদি না এই নিষেধাজ্ঞাকে শিথিল করার জন্য এইচটিটিপি অ্যাক্সেস নিয়ন্ত্রণ ব্যবহার না করা হয়। দ্রষ্টব্য: ট্রু টাইপ, ওপেনটাইপ এবং ডাব্লুএফএফএফ ফন্টের জন্য কোনও নির্ধারিত মাইম টাইম নেই বলে নির্দিষ্ট ফাইলটির মাইম টাইম বিবেচনা করা হয় না।

উত্স: https://developer.mozilla.org/en/CSS/@font-face# নোটস


3
তবে পরে মার্সেলের নির্দেশ অনুসারে, ক্রোমিয়াম আরএফসি 2048 অনুসারে অ্যাপ্লিকেশন / এক্স-ফন্ট-ওফকে স্বীকৃতি দেবে যতক্ষণ না আবেদন / ফন্ট-ওফ গ্রহণ না করা হয়।
jflaflamme

2
WOFF বৈশিষ্ট এখন একটি সুপারিশ করা হয় এবং আবেদন / ফন্ট-woff থেকে পরিবর্তন করবে না w3.org/TR/WOFF/#appendix-b
স্টিভ Workman

26

নেট / আইআইএস-এ ফন্ট মাইম প্রকার যুক্ত করার জন্য রেফারেন্স

ওয়েবকনফিগের মাধ্যমে

<system.webServer>
  <staticContent>
     <!-- remove first in case they are defined in IIS already, which would cause a runtime error -->
     <remove fileExtension=".woff" />
     <remove fileExtension=".woff2" />
     <mimeMap fileExtension=".woff" mimeType="font/woff" />
     <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

আইআইএস ম্যানেজারের মাধ্যমে

আইআইএসে ওয়াফ মাইম প্রকার যুক্ত করার স্ক্রিনশট


22

এনজিআইএনএক্স সমাধান

ফাইল

/etc/nginx/mime.types

অথবা

/usr/local/nginx/conf/mime.types

যোগ

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

অপসারণ

application/octet-stream        eot;

তথ্যসূত্র

আরএফসি @ 02.2017

https://tools.ietf.org/html/rfc8081#page-15

https://www.iana.org/assignments/media-types/media-types.xhtml

মাইক ফুলচারকে ধন্যবাদ

http://drawingablank.me/blog/font-mime-types-in-nginx.html


19

ফেব্রুয়ারী 2017 পর্যন্ত, আরএফসি 8081 প্রস্তাবিত মান। এটি ফন্টগুলির জন্য একটি শীর্ষ স্তরের মিডিয়া প্রকারটি সংজ্ঞায়িত করে, তাই ডাব্লুএফএফএফ এবং ডাব্লুএফএফএফ 2 এর জন্য স্ট্যান্ডার্ড মিডিয়া টাইপটি নিম্নরূপ:

font/woff
font/woff2

10

দ্রষ্টব্য: এই উত্তরটি ঠিক সময়ে ছিল তবে 2017 সালে আরএফসি 8081 প্রকাশিত হওয়ার পরে এটি পুরানো হয়ে যায়

সেখানে নেই fontMIME প্রকার! সুতরাং, font/xxxসর্বদা ভুল।


@ উমরআরফাক খাওয়াজা এই উত্তরটি অসম্পূর্ণ, তবে ভুল নয়। এই উত্তরটি এবং আপনার মন্তব্যের মধ্যে পরিবর্তিত একমাত্র জিনিসটি application/font-woffস্ট্যান্ডার্ডের সাথে যুক্ত করা হয়েছে, এই জাতীয় জিনিসগুলির পরিবর্তে application/x-font-woff(বাস্তবে প্রকৃত সফ্টওয়্যার আপডেট করা অন্য বিষয়)। কোনও কিছুই ফর্মের মেকডি-আপ্পি সামগ্রী-প্রকারকে font/xxxবৈধ করে তুলেছে ।
জন হান্না

5

আমার পক্ষে এটি যে কাজটি হয়েছিল তা হ'ল এটি আমার মাইম_টাইপস.আরবি ইনিশিয়ালাইজারে যুক্ত করা:

Rack::Mime::MIME_TYPES['.woff'] = 'font/woff'

এবং ক্যাশে মুছে ফেলুন

rake tmp:cache:clear

সার্ভার পুনরায় আরম্ভ করার আগে।

সূত্র: https://github.com/sstephenson/sprocket/issues/366#issuecomment-9085509


5

আপনার .htaccess এ নিম্নলিখিতগুলি যুক্ত করুন

AddType font/woff woff

শুভকামনা


4

@ নিকো ,

বর্তমানে ওয়াফ ফন্ট মাইম টাইপের জন্য কোনও সংজ্ঞায়িত মান নেই। আমি একটি হরফ ডেলিভারি সিডিএন পরিষেবা ব্যবহার করি এবং এটি ফন্ট / ওয়াফ ব্যবহার করে এবং ক্রোমেও আমি একই সতর্কতা পাই।

তথ্যসূত্র: ইন্টারনেট নির্ধারিত নম্বর কর্তৃপক্ষ



2

আমি জানি এই পোস্টটি পুরানো ধরনের তবে ফন্টগুলি আমার এনজিএনএক্স লোকাল মেশিনে কাজ করার চেষ্টা করার জন্য এবং বেশ কয়েকটি সমাধানের চেষ্টা করার পরে অনেক ঘন্টা ব্যয় করার পরে অবশেষে আমি আমার কাছে মনোমুগ্ধকর মতো কাজ করেছি এমনটি পেয়েছি।

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

প্রথম বন্ধনের অভ্যন্তরে আপনি আপনার ফন্টগুলির এক্সটেনশনগুলি বা সাধারণত যে ফাইলগুলি লোড করতে চান তা রাখতে পারেন। উদাহরণস্বরূপ, আমি এটি হরফ এবং ইমেজগুলির জন্য ব্যবহার করেছি (পিএনজি, জেপিজি ইত্যাদি) পাশাপাশি বিভ্রান্ত হবেন না যে এই সমাধানটি শুধুমাত্র ফন্টের জন্যই প্রযোজ্য।

এটি কেবল আপনার এনজিএনএক্স কনফিগারেশন ফাইলের মধ্যে রাখুন, পুনরায় চালু করুন এবং আমি আশা করি এটি আপনার জন্যও কার্যকর হয়!


1

সম্ভবত এটি কাউকে সাহায্য করবে। আমি দেখেছি যে আইআইএস 7 .ttfএ ইতিমধ্যে একটি পরিচিত মাইম-টাইপ। এটি হিসাবে কনফিগার করা হয়েছে:

application/octet-stream

তাই আমি ঠিক বলেন যে সব সিএসএস ফন্ট প্রকার (জন্য .oet, .svg, .ttf,.woff ) এবং আইআইএস তাদের ভজনা শুরু করে। ক্রোম ডেভ সরঞ্জামগুলি ধরণের পুনরায় ব্যাখ্যা করার বিষয়েও অভিযোগ করে না।

চিয়ার্স, মাইকেল


8
'অ্যাপ্লিকেশন / অক্টেট-স্ট্রিম' হ'ল "এটি কী তা আমি জানি না" বলার সমতুল্য ওয়েব সার্ভার।
সিঙ্ক্রো

1
হ্যা আমি জানি. তবে মূল বিষয়টি ছিল এটি কাজ করেছিল যেখানে অনেকগুলি সুনির্দিষ্ট বিকল্পের ফলস আইআইএস over-তে ব্যবহার করা হচ্ছিল না। আমার মন্তব্য সর্বাধিক সঠিক হওয়ার চেষ্টা করার চেয়ে বাস্তববাদী ছিল (কারণ এটি কাজ করে নি)।
মাইকেল কেনেডি

1

সমস্ত সলিউশন সূচকের জন্য। .htaccess ফাইলে কোডের নীচে লেখার জন্য এবং আপনার অ্যাপ্লিকেশন / কনফিগারেশন / কনফিগারেশন.এফপি ফাইলটিতে এই বিকল্পটি তৈরি করুন: [কনফিগার ['সূচি_পৃষ্ঠা'] = '';

শুধুমাত্র লিনাক্স হোস্টিং সার্ভারের জন্য। .htaccess ফাইল বিশদ

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /

    #Removes access to the system folder by users.
    #Additionally this will allow you to create a System.php controller,
    #previously this would not have been possible.
    #'system' can be replaced if you have renamed your system folder.
    RewriteCond %{REQUEST_URI} ^system.*
    RewriteRule ^(.*)$ /index.php?/$1 [L]

    #When your application folder isn't in the system folder
    #This snippet prevents user access to the application folder
    #Submitted by: Fabdrol
    #Rename 'application' to your applications folder name.
    RewriteCond %{REQUEST_URI} ^application.*
    RewriteRule ^(.*)$ /index.php?/$1 [L]

    #Checks to see if the user is attempting to access a valid file,
    #such as an image or css document, if this isn't true it sends the
    #request to index.php
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php?/$1 [L]
</IfModule>

<IfModule !mod_rewrite.c>
    # If we don't have mod_rewrite installed, all 404's
    # can be sent to index.php, and everything works as normal.
    # Submitted by: ElliotHaughin

    ErrorDocument 404 /index.php
</IfModule>

0

আইআইএস স্বয়ংক্রিয়ভাবে .টিটিএফকে অ্যাপ্লিকেশন / অক্টেট-স্ট্রিম হিসাবে সংজ্ঞায়িত করে যা সূক্ষ্ম কাজ করে বলে মনে হয় এবং ফন্টসপ সুপারিশ করে w


0

WOFF:

  1. ওয়েব ওপেন ফন্ট ফর্ম্যাট
  2. এটি ট্রু টাইপ বা পোস্টস্ক্রিপ্ট (সিএফএফ) উভয় রূপরেখা দিয়ে সংকলিত হতে পারে
  3. এটি বর্তমানে ফায়ারফক্স 3.6+ দ্বারা সমর্থিত

এটি যুক্ত করার চেষ্টা করুন:

AddType application/vnd.ms-fontobject .eot
AddType application/octet-stream .otf .ttf


-1

মাইম টাইপটি আপনার একমাত্র সমস্যা নাও হতে পারে। যদি ফন্ট ফাইলটি এস 3 বা অন্য ডোমেনে হোস্ট করা থাকে তবে আপনার অতিরিক্ত সমস্যাটিও থাকতে পারে যে ফায়ারফক্স বিভিন্ন ডোমেন থেকে ফন্ট লোড করবে না। এটি অ্যাপাচি সহ একটি সহজ ফিক্স, তবে এনগিনেক্সে আমি পড়েছি যে আপনার ফন্ট ফাইলগুলি বেস-base in এ এনকোড করতে এবং এগুলি সরাসরি আপনার ফন্ট সিএসএস ফাইলে এম্বেড করতে হতে পারে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.