গ্লাইফিকনস-হাফওয়ালিংস-রেগুলার.অফফ 2 সম্পর্কে ত্রুটি কীভাবে সরিয়ে নেওয়া যায়

Question 1

ওয়েব আইডিইয়ের জন্য মাইক্রোসফ্ট ভিজ্যুয়াল স্টুডিও এক্সপ্রেস 2013 থেকে এএসপি.নেট এমভিসি 4 বুটস্ট্র্যাপ 3 অ্যাপ্লিকেশন চলছে।

ক্রোম কনসোল সর্বদা ত্রুটি দেখায়

http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2
Failed to load resource: the server responded with a status of 404 (Not Found)

এই ফাইলটি সলিউশন এক্সপ্লোরারে ফন্ট ডিরেক্টরিতে উপস্থিত রয়েছে। বিল্ড অ্যাকশনটি "সামগ্রী" এ সেট করা আছে এবং আউটপুট ডিরেক্টরিতে অনুলিপি করা হয় "অন্যান্য ফন্ট ফাইলগুলির মতো অনুলিপি করবেন না"। বুগস্ট্র্যাপ 3 নুগেট ব্যবহার করে সমাধানে যুক্ত করা হয়। কীভাবে এটি ঠিক করবেন যাতে এই ত্রুটি না ঘটে? অ্যাপ্লিকেশনটি গ্লাইফিকন এবং ফন্টআউভিজ আইকনগুলি সঠিকভাবে দেখায়। এই ত্রুটিটি সর্বদা অ্যাপ্লিকেশন শুরুতে ঘটে occurs

Question 2

এই সমস্যাটি ঘটে কারণ আইআইএস মাইম প্রকারগুলি সম্পর্কে woffএবং woff2ফাইল ফাইল জানে না ।

সমাধান 1:

আপনার ওয়েব.কমফিগ প্রকল্পে এই লাইনগুলি যুক্ত করুন:

 <system.webServer>
  ...
  </modules>
    <staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
    </staticContent>

সমাধান 2:

আইআইএস প্রকল্পের পৃষ্ঠায়:

পদক্ষেপ 1: আপনার প্রকল্প আইআইএস হোম পৃষ্ঠায় যান এবং MIME Typesবোতামে ডাবল ক্লিক করুন :

পদক্ষেপ 2: মেনু Addথেকে বোতামটি ক্লিক করুন Actions:

পদক্ষেপ 3: পর্দার মাঝখানে একটি উইন্ডো প্রদর্শিত হবে এবং এই উইন্ডোটিতে আপনাকে সমাধান 1: থেকে দুটি লাইন যুক্ত করতে হবে

Question 3

আমার ক্ষেত্রে, আমি এখানে থেকে সরাসরি অনুপস্থিত ফাইলটি ডাউনলোড করেছি: https://gitlab.com/mailman/mailman-website/raw/a97d6b4c5b29594004e3855f1ab1222449d0c211/content/fouts/glyphicons-halflings-regular.woff2

Question 4

আপনার যদি এইচটিএমএলটিতে কেবল অ্যাক্সেস থাকে তবে এটি আপনার এইচটিএমএলে যুক্ত করুন:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

Question 5

আমার জন্য, সমস্যাটি দ্বিগুণ ছিল: প্রথমত, আইআইএসের আমি যে সংস্করণটির সাথে ডিল করছি তা .woff2কেবল মাইএম টাইপ সম্পর্কে জানত না .woff। আমি স্থির করেছি যে আইআইএস ম্যানেজারটি সার্ভার স্তরে ব্যবহার করে, ওয়েব অ্যাপ স্তরে নয়, তাই প্রতিটি নতুন অ্যাপ্লিকেশন স্থাপনার সাথে সেটিংটি ওভাররাইড করা হবে না। (আইআইএস ম্যানেজারের অধীনে, আমি মাইমির ধরণগুলিতে গিয়েছিলাম, এবং অনুপস্থিত যোগ করেছি .woff2, তারপরে আপডেট করেছি updated .woff)

দ্বিতীয়ত, এবং আরও গুরুত্বপূর্ণ, আমি bootstrap.cssহিসাবে কিছু অন্যান্য ফাইল বান্ডিল ছিল "~/bundles/css/site"। এদিকে, আমার ফন্ট ফাইলগুলি ছিল "~/fonts"। bootstrap.cssগ্লাইফিকন ফন্টগুলির জন্য অনুসন্ধান করে "../fonts", যা অনুবাদ করেছে "~/bundles/fonts"- ভুল পথ।

অন্য কথায়, আমার বান্ডিল পথটি একটি ডিরেক্টরি খুব গভীর। আমি এটির নামকরণ করেছি "~/bundles/siteCss"এবং এর সাথে আমার প্রকল্পে পাওয়া সমস্ত তথ্যসূত্র আপডেট করেছি। এখন বুটস্ট্র্যাপ "~/fonts"কাজ করে যে গ্লাইফিকন ফাইলগুলির সন্ধান করে। সমস্যা সমাধান.

আমি দ্বিতীয় সমস্যা উপরে সুনির্দিষ্ট করা থাকে, কেউ এর glyphiconফন্ট ফাইল লোড ছিলেন। লক্ষণটি হ'ল glyphiconপ্রকল্পের সমস্ত গ্লাইফগুলি কেবল একটি খালি বাক্স দেখিয়েছিল showed যাইহোক, এই উপসর্গটি কেবলমাত্র আমার অ্যাপ মেশিনে নয়, ওয়েব অ্যাপ্লিকেশনটির মোতায়েন করা সংস্করণে ঘটেছে। আমি কেন এখনও কেন নিশ্চিত তা নিশ্চিত নই।

Question 6

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

Question 7

এই সমস্যাটি ঘটে কারণ আইআইএস woff2 ফাইল মাইম ধরণের প্রকৃত অবস্থানটি খুঁজে না পায় does ফন্ট-ফেস এর URL টি যথাযথভাবে সেট করুন, ফন্ট-পরিবারকে নীচের মত দেখিয়ে দেওয়া আপনার সিএসএস ফাইলে গ্লাইফিকন-হাফলেসিং- হিসাবে নিয়মিত রাখুন ।

@font-face {
font-family: 'glyphicons-halflings-regular'; 
src: url('../../../fonts/glyphicons-halflings-regular.woff2') format('woff2');}