国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Maison php教程 PHP開發(fā) 網(wǎng)站發(fā)布后Bootstrap框架引用woff字體無法正常顯示的解決方法

網(wǎng)站發(fā)布后Bootstrap框架引用woff字體無法正常顯示的解決方法

Dec 05, 2016 pm 02:02 PM
bootstrap

網(wǎng)站發(fā)布到IIS后,發(fā)現(xiàn)網(wǎng)站使用的Bootstrap框架所引用的woff字體無法正常顯示。于是跟蹤http請(qǐng)求,發(fā)現(xiàn)woff字體請(qǐng)求出現(xiàn)GET .woff 404 (Not Found)的問題,但是項(xiàng)目中woff字體的文件并未丟失。后經(jīng)排查,原來是服務(wù)器上IIS沒有添加woff字體的MIME類型,導(dǎo)致發(fā)送HTTP請(qǐng)求時(shí),IIS無法處理和識(shí)別此類型的文件。

解決方法1:在Web.config配置文件中添加woff字體的MIME類型?

解放方法2:在IIS中添加woff字體的MIME類型?
woff字體簡介?
MIME類型簡介?

解決方法一:在Web.config配置文件中添加woff字體的MIME類型

如果網(wǎng)站是使用ASP.NET 或者ASP.NET MVC 編寫的,可以很方便的直接使用配置文件進(jìn)行woff字體的配置。只要在Web.config中的system.webServer節(jié)點(diǎn)添加下面的配置可以了。

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

? ?

這里要注意下的是這個(gè)配置,添加此節(jié)點(diǎn)是防止出現(xiàn)這個(gè)錯(cuò)誤:“在唯一密鑰屬性“fileExtension”設(shè)置為“.woff”時(shí),無法添加類型為“mimeMap”的重復(fù)集合項(xiàng)”,這個(gè)問題可以點(diǎn)擊此鏈接查看解決方法。如果只添加下面的這個(gè)節(jié)點(diǎn),而且沒有報(bào)這個(gè)錯(cuò)誤的話,remove節(jié)點(diǎn)可以不用添加。另外”font/x-font-woff”是woff字體的MIME類型值。

將該節(jié)點(diǎn)添加到網(wǎng)站的配置文件后,在重新打開網(wǎng)站即可正常顯示woff字體。此方法可用于沒有權(quán)限操作IIS管理器的時(shí)候作為解決方案。

解放方案二:在IIS中添加woff字體的MIME類型

如果可以直接操作IIS管理器的話,也可以直接在IIS上添加woff字體的mime type。只要打開當(dāng)前的IIS,打開MIME類型的配置,最后添加一個(gè)新的MIME類型就可以了,這里woff字體的擴(kuò)展名是.woff, MIME類型為:”font/x-font-woff“。具體操作如下所示:

打開控制面板中的IIS管理器,選擇當(dāng)前IIS,打開MIME類型配置;

在IIS中添加.woff截圖;

點(diǎn)擊MIME類型右邊操作的欄的添加功能;

添加.woff的MIME類型截圖;

彈出的添加MIME類型對(duì)話框中,文件擴(kuò)展名填寫.woff,MIME類型可填寫 font/x-font-woff 或者application/x-font-woff;

設(shè)置文件擴(kuò)展名和類型;

點(diǎn)擊確定后成功添加了.woff擴(kuò)展名的MIMI TYPE,現(xiàn)在打開網(wǎng)站請(qǐng)求WOFF字體就不會(huì)出現(xiàn)404 NOT FOUND錯(cuò)誤了。

woff字體簡介

Web開放字體格式(Web Open Font Format,簡稱WOFF) 是一種網(wǎng)頁所采用的字體格式標(biāo)準(zhǔn)。此字體格式發(fā)展于2009年,現(xiàn)在正由萬維網(wǎng)聯(lián)盟的Web字體工作小組標(biāo)準(zhǔn)化,以求成為推薦標(biāo)準(zhǔn)。此字體格式不但能夠有效利用壓縮來減少檔案大小,并且不包含加密也不受DRM(數(shù)位著作權(quán)管理)限制。

在2010年4月8日,Mozilla基金會(huì)、Opera軟件公司和微軟提交WOFF之后,萬維網(wǎng)聯(lián)盟發(fā)表評(píng)論指,希望WOFF不久能成為所有瀏覽器都支持的、“單一、可互操作的(字體)格式”。[6]2010年7月27日,萬維網(wǎng)聯(lián)盟將WOFF作為工作草案發(fā)布。

WOFF的MIME類型是:application/x-font-woff(font/x-font-woff也可以),目前的IIS7里面默認(rèn)沒有這個(gè)MIME類型,如果要讓網(wǎng)站支持這個(gè),請(qǐng)?jiān)贗IS7里面的MIME類型里面添加woff。

MIME類型簡介

MIME(Multipurpose Internet Mail Extensions)多用途互聯(lián)網(wǎng)郵件擴(kuò)展類型,既設(shè)定某種擴(kuò)展名的文件用一種應(yīng)用程序來打開的方式類型,當(dāng)該擴(kuò)展名文件被訪問的時(shí)候,瀏覽器會(huì)自動(dòng)使用指定應(yīng)用程序來打開。多用于指定一些客戶端自定義的文件名,以及一些媒體文件打開方式。


Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefa?on, veuillez contacter admin@php.cn

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel PHP
1502
276
Comment utiliser Bootstrap en Vue Comment utiliser Bootstrap en Vue Apr 07, 2025 pm 11:33 PM

L'utilisation de bootstrap dans vue.js est divisée en cinq étapes: installer bootstrap. Importer un bootstrap dans main.js. Utilisez le composant bootstrap directement dans le modèle. Facultatif: style personnalisé. Facultatif: utilisez des plug-ins.

Comment écrire des lignes fendues sur bootstrap Comment écrire des lignes fendues sur bootstrap Apr 07, 2025 pm 03:12 PM

Il existe deux fa?ons de créer une ligne divisée bootstrap: en utilisant la balise, qui crée une ligne divisée horizontale. Utilisez la propriété CSS Border pour créer des lignes de fractionnement de style personnalisées.

Comment vérifier la date de bootstrap Comment vérifier la date de bootstrap Apr 07, 2025 pm 03:06 PM

Pour vérifier les dates dans Bootstrap, suivez ces étapes: introduisez les scripts et styles requis; initialiser le composant de sélecteur de date; Définissez l'attribut Data-BV-Date pour activer la vérification; Configurer les règles de vérification (telles que les formats de date, les messages d'erreur, etc.); Intégrez le cadre de vérification de bootstrap et vérifiez automatiquement l'entrée de date lorsque le formulaire est soumis.

Comment afficher la date de bootstrap Comment afficher la date de bootstrap Apr 07, 2025 pm 03:03 PM

Réponse: Vous pouvez utiliser le composant de sélecteur de date de bootstrap pour afficher les dates dans la page. étapes: Présentez le framework bootstrap. Créez une bo?te d'entrée de sélecteur de date dans HTML. Bootstrap ajoutera automatiquement des styles au sélecteur. Utilisez JavaScript pour obtenir la date sélectionnée.

Comment obtenir la barre de recherche bootstrap Comment obtenir la barre de recherche bootstrap Apr 07, 2025 pm 03:33 PM

Comment utiliser Bootstrap pour obtenir la valeur de la barre de recherche: détermine l'ID ou le nom de la barre de recherche. Utilisez JavaScript pour obtenir des éléments DOM. Obtient la valeur de l'élément. Effectuer les actions requises.

Comment utiliser le bouton bootstrap Comment utiliser le bouton bootstrap Apr 07, 2025 pm 03:09 PM

Comment utiliser le bouton bootstrap? Introduisez Bootstrap CSS pour créer des éléments de bouton et ajoutez la classe de bouton bootstrap pour ajouter du texte du bouton

10 derniers outils pour les développeurs Web 10 derniers outils pour les développeurs Web May 07, 2025 pm 04:48 PM

La conception du développement Web est un domaine de carrière prometteur. Cependant, cette industrie est également confrontée à de nombreux défis. Alors que de plus en plus d'entreprises et de marques se tournent vers le marché en ligne, les développeurs Web ont la possibilité de démontrer leurs compétences et de réussir leur carrière. Cependant, à mesure que la demande de développement Web continue de cro?tre, le nombre de développeurs augmente également, entra?nant une concurrence de plus en plus féroce. Mais il est excitant que si vous avez le talent et que vous le ferez, vous pouvez toujours trouver de nouvelles fa?ons de créer des conceptions et des idées uniques. En tant que développeur Web, vous devrez peut-être continuer à chercher de nouveaux outils et ressources. Ces nouveaux outils et ressources ne rendent pas seulement votre travail plus pratique, mais améliorent également la qualité de votre travail, vous aidant ainsi à gagner plus d'entreprises et de clients. Les tendances du développement Web changent constamment.

Comment configurer le cadre de bootstrap Comment configurer le cadre de bootstrap Apr 07, 2025 pm 03:27 PM

Pour configurer le framework Bootstrap, vous devez suivre ces étapes: 1. Référez le fichier bootstrap via CDN; 2. Téléchargez et hébergez le fichier sur votre propre serveur; 3. Incluez le fichier bootstrap dans HTML; 4. Compiler les sass / moins au besoin; 5. Importer un fichier personnalisé (facultatif). Une fois la configuration terminée, vous pouvez utiliser les systèmes, composants et styles de grille de Bootstrap pour créer des sites Web et des applications réactifs.

See all articles