যদি আমার কাছে কেবল ডাব্লুএফএফ এবং ইওটি থাকে তবে আমি @ ফন্ট-ফেস দিয়ে কোন ব্রাউজারগুলি সমর্থন করছি?

Question

আমরা এমন একটি ফন্ট কিনছি যা কেবলমাত্র প্রদত্ত ফর্ম্যাটগুলিতে ওয়েবে এটির ব্যবহারের অনুমতি দেয়: ডাব্লুএফএফ এবং ইওটি।

আমি নিশ্চিত না যে সেগুলি কী ব্রাউজারগুলিতে কাজ করে এবং আপ টু ডেট তথ্য সন্ধান করতে পারে না। আমি ঠিক এই দুটি সাথে কোন ব্রাউজারগুলিকে সাপোর্ট করতে পারি?

আমার একমাত্র অভিজ্ঞতা হ'ল ফন্টস্প্রিংয়ের সিনট্যাক্সের সাথে যা ইওটি, ডাব্লুএফএফ, টিটিএফ এবং এসভিজি রয়েছে।

Comments

গ্রাফিক ডিজাইন সাইটে সম্পর্কিত প্রশ্ন: ওয়েব ফন্টের ফর্ম্যাটগুলির মধ্যে সবচেয়ে ছোট সেট যা সমস্ত ব্রাউজারগুলিকে কভার করে?

— user56reinstatemonica8

Answer 1

এটি হ'ল @ ফন্ট-ফেস , হ্যাকি ফিক্স এবং সমস্ত দিয়ে লোড করার মানক উপায় !

@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;
}

তবে এসভিজি অপসারণ করুন এবং আপনি প্রায় সম্পূর্ণ আইওএস <5.0 এর জন্য সমর্থন হারাবেন

আমি ব্যবহার করতে পারেন জন্য একটি চমৎকার টেবিল রয়েছে সাধারণত ব্রাউজার সমর্থনের অন্যের জন্য EOT , আরেকটি WOFF , এখনো জন্য আরেকটি করা SVG এবং পরিশেষে জন্য আরো এক TTF । আমি এগুলি নীচে স্বচ্ছতার জন্য প্রবেশ করিয়েছি এবং এটি আপনাকে কী পরীক্ষা করতে হবে সে সম্পর্কে দিকনির্দেশনা দেওয়া উচিত তবে মনে রাখবেন এটি খুব দ্রুত পরিবর্তিত হবে।

উইইউ দ্বারা সম্পাদনা করুন : আমি একটি টেবিল সংকলন করেছি যাতে আপনি পাশাপাশি পাশাপাশি সমর্থন দেখতে পারেন

@ ফন্ট-ফেস ব্রাউজার সমর্থন সাধারণত

EOT ব্রাউজার সমর্থন

ডাব্লুওএফএফ ব্রাউজার সমর্থন

এসভিজি ব্রাউজার সমর্থন

টিটিএফ ব্রাউজার সমর্থন

Comments

কেন ইওট দুটি ভিন্ন উপায়ে ঘোষণা করা হয় - .ওোট এবং .ওট? # ফিফিক্স?

— স্যাম

@sam stackoverflow.com/questions/8050640/...

— দিয়েগো Agulló

ভবিষ্যতে যে কেউ এই উত্তরটি যাচাই করেন তার জন্য ... অ্যান্ড্রয়েড> = 4.4 এখন ডাব্লুএইউএফএফ caniuse.com/#feat=woff

— ওজকে

প্রিয় @ ওজ্কে, আমি ভবিষ্যত থেকে এসেছি, এই দরকারী তথ্যটি ভাগ করে নেওয়ার জন্য আপনাকে ধন্যবাদ। আপনি আরও জানতে আগ্রহী হতে পারেন যে, ২০১৫ সালের শেষের দিকে, অ্যান্ড্রয়েড স্টক ব্রাউজারের সংস্করণগুলির ব্যবহারগুলি সমর্থন করে না যে woffবিশ্বব্যাপী ব্যবহারকারীদের ২% এরও কম হয়ে যাবে এবং স্টক অ্যান্ড্রয়েড ব্রাউজারটি ক্রোমের দ্বারা গ্রহন করবে will Android (16%) এবং ইউসি (8%), উভয়ই সমর্থন করে woff। অ্যান্ড্রয়েডের জন্য ফায়ারফক্সও; তবে এর ব্যবহার কখনই 1% এর বেশি হবে না। আপনি এখন

— মেঘন

সুতরাং এখন আপনার কেবল ওয়েব ফন্ট দরকার?

— সুপারউবারডুপার

Answer 2

এসভিজি আপনাকে @ ফন্ট-ফেস দিয়ে কোথাও পাবেন না; তবে, ইওটি আইই দ্বারা সমর্থিত; যেখানে যেমন টিটিএফ এবং ওটিএফ অন্যান্য প্রধান ব্রাউজারগুলির দ্বারা সমর্থিত। ডাব্লুওএফএফের জন্য, টিটিএফ এবং ওটিএফ এর সাদৃশ্য সহ কিছু পাঠ করা থেকে, এটি টিটিএফ বা ওটিএফ হিসাবে একই ব্রাউজারগুলিতে সমর্থিত হওয়ার পক্ষে যথেষ্ট সম্ভাবনা। আমার পরামর্শ, আপনি যদি সত্যিই আগ্রহী হন তবে একটি ব্রাউজারে প্রতিটি @ ফন্ট-মুখের এক্সটেনশান চেষ্টা করে দেখুন এবং কী পান তা দেখুন এবং তারপরে @ ফন্ট-মুখ বর্ণনাকারীর জন্য তাদের স্ট্যান্ডার্ড পৃষ্ঠাটি আপডেট করার জন্য আপনি ডাব্লু 3 সিতে যা পেয়েছেন তা জমা দিন। (এটি বর্তমানে "নিরাপদ" ফন্ট এক্সটেনশনগুলি অন্তর্ভুক্ত করে না)।

যদি সমস্ত কিছু ব্যর্থ হয় তবে আমি নিশ্চিত যে ডাব্লু 3 স্কুলগুলি আপ টু ডেট রয়েছে: http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Comments

সমস্যাটি হল যে সাফারি মোবাইল 4.1 এবং নীচে কেবল এসভিজি সমর্থন করে।

— খুবম্যানায়াইমাইলস

@ টোম্যানায়াইমাইলস এ কারণেই শেষ পর্যন্ত এটি আপনার "ডিফল্ট" এর জন্য এটি দুর্দান্ত দেখায় এবং তারপরে এটি "দেখতে" পারে তাদের পক্ষে এটি আশ্চর্যজনক করে তোলে। বেশিরভাগ ফন্টের নিজস্ব ওটিএফ, ইওটি এবং এসভিজি না থাকায় 100% কভারেজ থাকতে পারে না।

— জেফ ল্যাঙ্গেমিয়ার

আসলে আপনি পারেন। আমি বেশ কয়েকটি সাইট তৈরি করেছি যার চারটি ধরণের ফন্ট কেনার মাধ্যমে 100% কভারেজ রয়েছে, বা ফন্ট ফন্ট ব্যবহার করে এবং নিজে ফাইল তৈরি করে - পুরোপুরি কাজ করে works

— 16man '

@ টোম্যানায়াইমাইলস এখানেই দ্রুত এবং আলগা টাইপিং আমাকে মেরে ফেলেছে, প্রয়োজনীয় সবসময় 100% কভারেজ থাকতে পারে না, কখনও কখনও এটি ঘটে না এবং ডিজাইনারকে মনে রাখতে হবে যে সবচেয়ে খারাপ পরিস্থিতিতে লোকেরা পুরানো ব্রাউজারগুলি ব্যবহার করে এবং এই জাতীয় 100 % কভারেজ মানে সর্বদা 100% কভারেজ হয় না; যেখানে আমি প্রায় 40-50% ইন্টারনেট ব্যবহারকারী এখনও 7 বা তার বেশি বয়সের IE ব্যবহার করছেন, যা ফন্ট-ফেসটিকে প্রথম দিকে খুব ভাল সমর্থন করে না, সত্যিকারের 100% কভারেজের জন্য একটি নীচের লাইন থাকা দরকার "শালীন" দেখায় বা কমপক্ষে আপনার সাইটটিকে "ফ্যানসিয়ার" ফন্টের সীমাবদ্ধতার মধ্যে রাখে।

— জেফ ল্যাঙ্গেমিয়ার

ভাল, আমি চেষ্টা করেছি, ছোট সাইটগুলিতে এবং বড় ব্র্যান্ডগুলির। আই 6 এবং 7 এ ফন্টগুলি কাজ করে যা আধুনিক ব্রাউজারের মতো ভাল মানের রেন্ডার হয়? না, তবে এটি ঠিক কাজ করে।

— toomanyairmiles

Answer 3

ওয়েবফন্ট বিক্রেতাদের তাদের ফন্টের জন্য ব্যাট থেকে সত্যই সমর্থন সরবরাহ করা দরকার - বিশেষত এটি কারণেই! আপনি ভাববেন এটি দ্বিতীয় প্রকৃতি হবে, এমনকি মেঘ ভিত্তিক (অন্তর্ভুক্ত বা বাদ দেওয়ার বিকল্প সহ) - যদি মানুষ কালো তালিকাভুক্ত ফন্টগুলি সন্ধান করতে বাধ্য হয়, তবে ফন্টগুলি সন্ধানের পরে কেবল পাইরেসিকে উত্সাহিত করবে না? @ eb_p1

Comments

দাঁড়াও কেন? এই প্রশ্নটি যখন প্রথম জিজ্ঞাসা করা হয়েছিল তখন ইওটি মারা গিয়েছিল, আপনি যখন উত্তর দিয়েছিলেন তখন এটি একটি পচা লাশ ছিল এবং আজ আমি এক বছরেরও বেশি সময় EOT ফন্টটি দেখিনি have

— সিলভারব্যাক