ডাউনলোড করা ফন্টটি ডিকোড করতে ব্যর্থ


149

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

"ডাউনলোড করা ফন্টটি ডিকোড করতে ব্যর্থ হয়েছে: http: // লোকালহোস্ট: 8000 / অ্যাপ / ফন্ট / ল্যাটো / "

আমার সিএসএস এগুলি:

@font-face {
    font-family:"Lato";
    src: url("../fonts/Lato/");
}

html, body {
    font-family:'Lato';
}

আমি ঠিক বুঝতে পারছিলাম না. হরফটি সঠিকভাবে প্রয়োগ করা হয়েছে, তবে সতর্কতা সর্বদা থাকে। ব্যবহারের চেষ্টা করার Sans-Serifফলে ফন্টটি স্বাভাবিক ব্রাউজারের ফন্টে ফিরে যায়, তবে এটি নিশ্চিত হতে পারে তবে আমি নিশ্চিত নই এবং অনুসন্ধানের পরেও আমার কিছুই পাওয়া যায়নি। ধন্যবাদ!

সম্পাদনা

বিভিন্ন ফন্ট ফাইল রয়েছে, সমস্ত একই পরিবার থেকে। আমি তাদের সব লোড করার চেষ্টা করছি। হরফ ফাইল হয় .ttf। আমি তাদের একটি স্থানীয় ফোল্ডার থেকে লোড করবো, এবং বিভিন্ন ফন্ট-ফাইলের মত আছে, Lato-Black.ttf, Lato-Bold.ttf, Lato-Italic.ttfইত্যাদি


2
ইউআরএলটিতে কেন পিছনের স্ল্যাশ? আপনি কি কোনও ডিরেক্টরি থেকে সমস্ত ফাইল লোড করার চেষ্টা করছেন বা এটি আসলে কোনও একক ফন্ট ফাইলের পুনঃনির্দেশ?
আলভারো গঞ্জালেজ

@ এলভারোজি.ভিকারিও হাই, আপনার সময়টির জন্য আপনাকে ধন্যবাদ প্রশ্নটি আরও পরিষ্কার করার জন্য আমি সম্পাদনা করেছি।
Luís Ferreira

উত্তর:


101

সিএসএস নিয়মে আপনাকে ফাইলের এক্সটেনশন যুক্ত করতে হবে। গভীরতম সমর্থনের সাথে এই উদাহরণটি:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

সম্পাদনা করুন:

"ডাউনলোড করা ফন্টটি ডিকোড করতে ব্যর্থ হয়েছে" এর অর্থ হ'ল ফন্টটি দুর্নীতিগ্রস্থ, বা অসম্পূর্ণ (মেট্রিক্স, প্রয়োজনীয় সারণী, নামকরণের রেকর্ড, এক মিলিয়ন সম্ভাব্য জিনিস) রয়েছে।

কখনও কখনও এই সমস্যা হ'ল ফন্টের কারণে ঘটে। গুগল হরফ আপনার প্রয়োজন সঠিক ফন্ট সরবরাহ করে তবে ফন্টের মুখের প্রয়োজন হলে আমি সমস্ত ফন্ট ফর্ম্যাট তৈরি করতে ট্রান্সফোনটার ব্যবহার করি

কখনও কখনও এফটিপি ক্লায়েন্ট ফাইলটি দূষিত করে (এই ক্ষেত্রে নয় কারণ স্থানীয় পিসিতে রয়েছে) on ASCII তে নয়, বাইনারিতে ফাইল স্থানান্তর করতে ভুলবেন না।


আমি আমার প্রশ্নটি আরও পরিষ্কার করার জন্য সম্পাদনা করেছি। আমি নিশ্চিত নই যে এটি আপনার পোস্ট করা কিছু পরিবর্তন করেছে কিনা। গণ্ডগোলের জন্য দুঃখিত এবং আপনার সময়ের জন্য আপনাকে ধন্যবাদ।
Luís Ferreira

1
আপনি অগত্যা @ ফন্ট মুখ ব্যবহার করতে হবে? আমি জানি লাটো গুগল ফন্টে উপলব্ধ। যাইহোক আপনি এটি চেষ্টা করতে পারেন: font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url('../font/file for regular font.wof') format('wof');প্রতিটি ধরণের হরফ, নিয়মিত, সাহসী ইত্যাদির জন্য এই কোডটি ...
জার্মানি প্ল্লেবানী

1
আমি গুগল ফন্ট বিকল্প ব্যবহার করে শেষ করেছি এবং এটি ভাল কাজ করে। ধন্যবাদ। আমি আপনার উত্তর গ্রহণ করেছি।
26'15

9
এই প্রশ্নটিকে 'ডাউনলোড করা ফন্টটি ডিকোড করতে ব্যর্থ হয়েছে' লেবেলযুক্ত। উত্তরটি একটি পরিস্থিতি নির্দিষ্ট করে এবং ত্রুটিটির অর্থ কী তা আসলে তা বলে না।
ক্রি

24

আমি ভিজ্যুয়াল স্টুডিওতে একটি অনুরূপ সমস্যা পেয়েছি, যা প্রশ্নযুক্ত url()ফন্টের একটি ভুল পথের কারণে তৈরি হয়েছিল ।

পরিবর্তনের পরে এই ত্রুটি পাওয়া বন্ধ করেছিলাম (উদাহরণস্বরূপ):

@@font-face{
    font-family: "Example Font";
    src: url("/Fonts/ExampleFont.eot?#iefix");

এটি:

@@font-face{
    font-family: "Example Font";
    src: url("../fonts/ExampleFont.eot?#iefix");

1
আমার জন্য ./ বা ../ কাজ কিন্তু সরানোর নি / পুরাপুরি কাজ থেকে গিয়েছিলাম /assets...থেকে assets...তোমাকে অনেক ধন্যবাদ!
শেরিফ মারজুক

21

ফর্ম্যাট ('woff') থেকে ফর্ম্যাটে পরিবর্তন করুন ('ফন্ট-ওফ') আমাকে এখনই এই সমস্যাটি সমাধান করতে সহায়তা করে।

জার্মানি প্লেবানি উত্তর থেকে এখানে একটু পরিবর্তন করুন

 @font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('font-woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

আপনার ব্রাউজার সূত্রগুলি এটি খুলতে পারে এবং কী কী তা পরীক্ষা করে দেখুন


7
হরফ-ওয়াফ ফর্ম্যাটটি ভুল, এটি "ওয়াফ" পড়তে হবে। এবং এটির সাহায্যে, ক্রোম ওয়াফ ফন্টটিকে অজানা ফর্ম্যাট হিসাবে বিবেচনা করে এবং পরবর্তী সেরা ফর্ম্যাটটিতে চলে যায় (সম্ভবত এখানে woff2 এর ttf)
আর্থার

আপনাকে অনেক ধন্যবাদ, এই সমাধানের সাহায্যে আমি অন্যান্য ফর্ম্যাটগুলির (টিটিএফ, ডাব্লুফ 2, ...) এর সাথেও সমস্যার সমাধান করতে পারলাম।
পর্যন্ত

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

এটি একটি Nextjs প্রকল্পে woff ফাইল আমদানি করে আমার সমস্যার সমাধান করেছে! অনেক ধন্যবাদ!
থানহ-কুই এনগুইন

যেমন @ অ্যান্ড্রিস.এন্ডারসন বলেছেন যে এই উত্তরটি কেবল ছদ্মবেশে পড়ে এবং এটি ঠিক করে না
JohnK

12

আপনার সার্ভারটি সঠিক মাইম / টাইপ সহ ফন্ট ফাইলগুলি প্রেরণ করছে তা নিশ্চিত করুন ।

আমি সম্প্রতি এনজিনেক্স ব্যবহার করতে একই সমস্যা পেয়েছি কারণ এর ভ্যানিলা /etc/nginx/mime.typesফাইল থেকে কিছু ফন্ট মাইম প্রকারগুলি অনুপস্থিত ।

আমি নিখোঁজ মাইম প্রকারগুলি যেখানে যেখানে আমার প্রয়োজন ছিল সেখানে এটি যুক্ত করে সমাধান করেছি:

location /app/fonts/ {

  #Fonts dir
  alias /var/www/app/fonts/;

  #Include vanilla types
  include mime.types;

  #Missing mime types
  types  {font/truetype ttf;}
  types  {application/font-woff woff;}
  types  {application/font-woff2 woff2;}
}

এনজিনেক্সে মাইম. টাইপগুলি বাড়ানোর জন্য আপনি এটিও পরীক্ষা করে দেখতে পারেন: ডিফল্ট এনগিনেক্স মাইম. টাইপ ফাইল প্রসারিত করুন


12

আমাকে type="text/css"আমার লিঙ্ক-ট্যাগে যুক্ত করতে হয়েছিল। আমি এটি থেকে পরিবর্তন করেছি:

<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet">

প্রতি:

<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet" type="text/css">

আমি এটি পরিবর্তন করার পরে ত্রুটি অদৃশ্য হয়ে গেছে।


আপনাকে ধন্যবাদ, এটি কাজ করে। সুতরাং যদি কেউ গুগল থেকে ফন্টগুলি লোড করে থাকে তবে এটি যুক্ত type="text/css"করুন এবং ব্রাউজার কনসোলে সতর্কতা বার্তাটি 'হার্ড' রিফ্রেশের পরে চলে গেছে
lewis4u


6

আমার জন্য, এই ত্রুটিটি ঘটছিল যখন আমি https ব্যবহার করে কোনও গুগল ফন্টের রেফারেন্স করি। আমি যখন HTTP তে স্যুইচ করেছি, ত্রুটিটি চলে গেছে। (এবং হ্যাঁ, এর কারণটি নিশ্চিত করার জন্য আমি একাধিকবার চেষ্টা করেছি)

সুতরাং আমি পরিবর্তন করেছি:

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,100,500,900);

প্রতি:

@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,100,500,900);

3
আমি গুগল ফন্টগুলির সাথেও একই ত্রুটি পাচ্ছিলাম, যখন আমি কঠিন পুনরায় লোড করি তখন সমস্যাটি স্বয়ংক্রিয়ভাবে সমাধান হয়ে যায়!
মৌলিক গাঙ্গানি

1
-1, দুঃখিত এর জন্য ড্রপ সমর্থন ব্যবহার করা উচিত নয়https ! এটি আপনার সাইটকে নিরাপত্তাহীন করে তোলে । @ মৌলিকগঙ্গানীর পর্যবেক্ষণ কাজ করে! আপনার উত্তরের সাথে এটি সংহত করার বিষয়ে বিবেচনা করুন
সিপরিয়ান টমোইগা

4

কখনও কখনও এই সমস্যাটি ঘটে যখন আপনি ভুল এফটিপি পদ্ধতি ব্যবহার করে ফন্টগুলি আপলোড / ডাউনলোড করেন। ফন্টগুলি অবশ্যই বাইনারি পদ্ধতি ব্যবহার করে এফটিপি-এড হতে হবে, এএসসিআইআই নয়। (আপনার মেজাজের উপর নির্ভর করে এটি বিরূপ অনুভব করতে পারে, লোল)। আপনি যদি ASCII পদ্ধতি ব্যবহার করে ফন্ট ফাইলগুলি এফটিপি করেন তবে আপনি এই ত্রুটি বার্তাটি পেতে পারেন। আপনি যদি একটি 'অটো' পদ্ধতিতে আপনার ফাইলগুলি এফটিপি করেন এবং আপনি এই ত্রুটি বার্তাটি পান তবে বাইনারি পদ্ধতিতে জোর করে ftp চেষ্টা করুন।


3

আমি হ'ল ফন্টের দুর্দান্ত ভি 4.4 এর সাথে একই সমস্যা ছিল এবং আমি woff2 ফর্ম্যাটটি সরিয়ে এটি ঠিক করেছি। আমি কেবল ক্রোমে একটি সতর্কতা পেয়েছিলাম।

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

1
হ্যাঁ! আমি ('woff2') ফর্ম্যাটটি সরিয়েছি এবং এটি সতর্কতাগুলি সরিয়ে ফেলেছে। ধন্যবাদ।
duyn9uyen

3

আমার ক্ষেত্রে এটি .htaccess এ একটি ভুল পথ ফাইলের কারণে তৈরি হয়েছিল। আপনার ফাইল পাথের সঠিকতা পরীক্ষা করুন।


2

আমার জন্য, ভুলটি ফন্ট ফাইলগুলি আপলোড করার আগে এফটিপিটিকে বাইনারি মোডে রাখতে ভুলে গিয়েছিল।

সম্পাদন করা

আপনি অন্যান্য ধরণের বাইনারি ডেটা যেমন ইমেজ আপলোড করে এটি পরীক্ষা করতে পারেন। যদি তারা প্রদর্শন করতে ব্যর্থ হয়, তবে এটি আপনার সমস্যা হতে পারে।


এর জন্য আর কোন পদ আছে? আমার কোনও এফটিপি ক্লায়েন্টের মধ্যেই আমি এই বিকল্পটি খুঁজে পাচ্ছি না।
সারকোমা

আমি কেবল * নিক্স কমান্ড লাইন ব্রাউজারগুলি থেকে বিআইএন এবং এএসসিআইআই পদটি জানি। আমি ধরে নেব যে অনেক আধুনিক এফটিপি ক্লায়েন্টরা জানবে যে কোন ফাইলগুলি বাইনারি এবং কোনটি নয়, তাই সম্ভবত এটি আপনার সমস্যা নয়। যদি আপনি পরীক্ষা করতে চান যে আপনার এফটিপি ক্লায়েন্টটি বাইনারি মোডে প্রেরণ করছে কিনা, বাইনারি ডেটা যেমন .jpg তে সরাতে FTP ব্যবহার করুন, তবে এটি দেখার চেষ্টা করুন। এটি ASCII মোডে প্রেরণ করা থাকলে এটি প্রদর্শিত হবে না। ( JPress.com/blog/… দেখুন )
রবার্ট

আহ আমি দেখুন, ব্যাখ্যা জন্য ধন্যবাদ। আমি যে চিত্রগুলি আপলোড করছি তা ঠিক আছে, শেষ পর্যন্ত আমি ফাইলজিলায় বাইনারি মোডটি পেয়েছি, এটি দুর্ভাগ্যক্রমে আমার সহায়তা করেনি। বাইনারিগুলির জন্য আমি পিএইচপি ঝড়ের কোনও বিকল্প খুঁজে পাইনি, তবে আমি যেমন বলেছিলাম যে চিত্রগুলি ভাল, তাই আমি অনুমান করছি যে এটি আমার সমস্যাটি নয়।
সারকোমা

1

আমারও একই সমস্যা ছিল তবে আমি সমস্ত .ttf ফাইলের জন্য প্রতিক্রিয়া শিরোনামে 'কন্টেন্ট-টাইপ': 'অ্যাপ্লিকেশন / এক্স-ফন্ট-টিটিএফ' যোগ করে সমাধান করেছি tt


1
কিভাবে এই কাজ করতে ?
বৌম ভুল

1

আমার ক্ষেত্রে, এটি একটি এসভিএন প্যাচ ফাইল তৈরি করে যা ফন্ট ফাইলগুলির সংযোজন ঘটিয়েছিল caused তাই ভালো:

  1. স্থানীয় ফাইল সিস্টেম থেকে ফন্ট ফাইলগুলি বিভ্রান্ত ট্রাঙ্কে যুক্ত করুন
  2. ট্রাঙ্ক প্রত্যাশার মতো কাজ করে
  3. ফন্ট ফাইল যুক্ত করার জন্য ট্রাঙ্ক পরিবর্তনের এসভিএন প্যাচ তৈরি করুন
  4. অন্য শাখায় প্যাচ প্রয়োগ করুন
  5. হরফ ফাইলগুলি সাবভার্সন করা শাখায় যুক্ত করা হয় (এবং এটি প্রতিশ্রুতিবদ্ধ হতে পারে) তবে এটি দুর্নীতিগ্রস্থ হয়, ওপিতে ত্রুটি উত্পন্ন করে।

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


1

আমার ক্ষেত্রে - গ্যাটসবির সাথে প্রতিক্রিয়া ব্যবহার করে - আমার সমস্ত পথ ডাবল-চেক করে সমস্যাটি সমাধান করা হয়েছিল। আমি স্যাসের সাথে রিএ্যাক্ট / গ্যাটসবি ব্যবহার করছিলাম এবং গ্যাটসবি উত্স ফাইলগুলি সংকলিত ফাইলগুলির চেয়ে আলাদা জায়গায় ফন্টগুলি সন্ধান করছিল। একবার আমি প্রতিটি পথে ফাইলগুলি অনুলিপি করেছিলাম এই সমস্যাটি চলে গেছে।


1

আমার ক্ষেত্রে কোনও টেম্পলেট ডাউনলোড করার সময় ফন্ট ফাইলগুলি খালি ফাইল ছিল। সম্ভবত ডাউনলোড সহ একটি সমস্যা। ক্রোম এটি সম্পর্কে এই জেনেরিক ত্রুটি দিয়েছে। আমি প্রথম থেকে পরিবর্তন সমাধান এ চিন্তা woffথেকে font-woffএটা মীমাংসিত, কিন্তু এটা শুধুমাত্র Chrome ফন্ট উপেক্ষা করেছেন। আমার সমাধান হ'ল ফন্টগুলি একে অপরকে সন্ধান করে এবং সেগুলি ডাউনলোড / প্রতিস্থাপন করে।


0

আপনি যদি এক্সপ্রেস ব্যবহার করছেন তবে আপনার যেমন স্ট্র্যাটিক সামগ্রী সরবরাহ করার অনুমতি দেওয়া দরকার: var সার্ভার = এক্সপ্রেশন (); server.use (express.static ( './ পাবলিক')); // যেখানে সর্বজনীন অ্যাপ্লিকেশন রুট ফোল্ডার যেখানে এতে থাকা ফন্টগুলি রয়েছে, যে কোনও স্তরে যেমন পাবলিক / ফন্ট বা পাবলিক / ডিস্ট / ফন্টগুলি .... // আপনি যদি সংযোগ ব্যবহার করে থাকেন তবে অনুরূপ কনফিগারেশনের জন্য গুগল।


0

আমি। নেট ফ্রেমওয়ার্ক 4.5 / আইআইএস 7 ব্যবহার করি

এটি ঠিক করতে আমি ফন্ট ফাইলের সাথে ফোল্ডারে ফাইল ওয়েবকনফিগ রেখেছি।

ওয়েবকনফিগের সামগ্রী:

<?xml version="1.0"?>
<configuration>
  <system.web>
    <authorization>
      <allow users="*" />
    </authorization>
  </system.web>
</configuration>


0

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


0

আমার কেসটি দেখতে একই রকম লাগছিল তবে ফন্টটি দুর্নীতিগ্রস্থ হয়েছিল (এবং ডিকোড করা এতই অসম্ভব)। এটি ম্যাভেনের কনফিগারেশনের কারণে হয়েছিল। এর মধ্যে ফন্টের এক্সটেনশনের জন্য ননফিল্ডারফিল এক্সটেনশন যুক্ত করা maven-resources-pluginআমাকে সহায়তা করেছে:

<plugin>
    <groupId>org.apache.maven.plugins</groupId>
    <artifactId>maven-resources-plugin</artifactId>
    <configuration>
        <nonFilteredFileExtensions>
            <nonFilteredFileExtension>ttf</nonFilteredFileExtension>
            <nonFilteredFileExtension>otf</nonFilteredFileExtension>
            <nonFilteredFileExtension>woff</nonFilteredFileExtension>
            <nonFilteredFileExtension>woff2</nonFilteredFileExtension>
            <nonFilteredFileExtension>eot</nonFilteredFileExtension>
        </nonFilteredFileExtensions>
    </configuration>
</plugin>
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.