


Die Lösung für das Problem, dass das Bootstrap-Framework die Woff-Schriftart nach der Veröffentlichung der Website nicht richtig anzeigen kann
Nachdem ich die Website in IIS veröffentlicht hatte, stellte ich fest, dass die Woff-Schriftart, auf die das von der Website verwendete Bootstrap-Framework verweist, nicht richtig angezeigt werden konnte. Also habe ich die HTTP-Anfrage verfolgt und festgestellt, dass die Woff-Schriftartanforderung ein GET .woff 404-Problem (nicht gefunden) hatte, die Woff-Schriftartdatei im Projekt jedoch nicht verloren ging. Nach einer Untersuchung stellte sich heraus, dass IIS auf dem Server den MIME-Typ der Woff-Schriftart nicht hinzugefügt hatte, was dazu führte, dass IIS Dateien dieses Typs beim Senden von HTTP-Anfragen nicht verarbeiten und erkennen konnte.
Lösung 1: Fügen Sie den MIME-Typ der Woff-Schriftart in der Web.config-Konfigurationsdatei hinzu
Befreiungsmethode 2: Fügen Sie den MIME-Typ der Woff-Schriftart in IIS hinzu
Woff-Schriftart Einführung
Einführung in MIME-Typen
Lösung 1: Fügen Sie den MIME-Typ der Woff-Schriftart in der Web.config-Konfigurationsdatei hinzu
Wenn die Website ASP.NET oder ASP verwendet. NET In MVC geschrieben, ist es einfach, die Konfigurationsdatei direkt zum Konfigurieren der Woff-Schriftart zu verwenden. Fügen Sie einfach die folgende Konfiguration zum system.webServer-Knoten in Web.config hinzu.
<system.webServer> <staticContent> <remove fileExtension=".woff" /> <mimeMap fileExtension=".woff" mimeType="font/x-font-woff" /> </staticContent> </system.webServer>
Was hier beachtet werden sollte, ist diese Konfiguration, um diesen Fehler zu verhindern: „Das eindeutige Schlüsselattribut „fileExtension“ ist festgelegt „.woff“, doppelte Sammlungselemente vom Typ „mimeMap“ können nicht hinzugefügt werden. Sie können auf diesen Link klicken, um die Lösung für dieses Problem anzuzeigen. Wenn Sie nur den folgenden Knoten hinzufügen und kein Fehler gemeldet wird, muss der Entfernungsknoten nicht hinzugefügt werden. Darüber hinaus ist „font/x-font-woff“ der MIME-Typwert der Woff-Schriftart.
Nachdem dieser Knoten zur Konfigurationsdatei der Website hinzugefügt wurde, kann die Woff-Schriftart beim erneuten Öffnen der Website normal angezeigt werden. Diese Methode kann als Lösung verwendet werden, wenn Sie keine Berechtigung zum Betrieb des IIS-Managers haben.
Befreiungslösung 2: Fügen Sie den MIME-Typ der Woff-Schriftart in IIS hinzu
Wenn Sie den IIS-Manager direkt bedienen können, können Sie den MIME-Typ der Woff-Schriftart auch direkt in IIS hinzufügen. Öffnen Sie einfach das aktuelle IIS, öffnen Sie die MIME-Typkonfiguration und fügen Sie schließlich einen neuen MIME-Typ hinzu. Die Erweiterung der Woff-Schriftart lautet hier .woff und der MIME-Typ lautet: „font/x-font-woff“. Die spezifischen Vorgänge sind wie folgt:
Öffnen Sie den IIS-Manager in der Systemsteuerung, wählen Sie den aktuellen IIS aus und öffnen Sie die MIME-Typkonfiguration
Fügen Sie einen .woff-Screenshot in IIS hinzu; >
Klicken Sie in der Operationsspalte rechts neben dem MIME-Typ auf die Funktion „Hinzufügen“. Fügen Sie einen Screenshot des MIME-Typs .woff hinzu. Im Popup „MIME hinzufügen“. Geben Sie im Dialogfeld „Typ“ .woff als Dateierweiterung ein. Der MIME-Typ kann sein. Geben Sie „font/x-font-woff“ oder „application/x-font-woff“ ein. Legen Sie die Dateierweiterung und den Typ fest. Klicken Sie auf OK, um den MIMI-TYP mit der Erweiterung .woff jetzt erfolgreich hinzuzufügen. Wenn Sie eine Website öffnen, um WOFF-Schriftarten anzufordern, wird kein Fehler 404 NICHT GEFUNDEN angezeigt. Woff-Schriftart-EinführungWeb Open Font Format (kurz WOFF) ist ein Schriftartenformatstandard, der von Webseiten verwendet wird. Dieses Schriftformat wurde 2009 entwickelt und wird derzeit von der Web Font Working Group des World Wide Web Consortium standardisiert, um ein empfohlener Standard zu werden. Dieses Schriftformat nutzt nicht nur effektiv die Komprimierung, um die Dateigröße zu reduzieren, sondern enthält auch keine Verschlüsselung und unterliegt keinen DRM-Einschränkungen (Digital Rights Management). Nachdem die Mozilla Foundation, Opera Software und Microsoft am 8. April 2010 WOFF eingereicht hatten, äußerte das World Wide Web Consortium, dass es hoffte, dass WOFF bald ein „einziger, interoperabler“ werden würde, der von allen Browsern unterstützt wird. Schriftart) Format der Operation". [6] Am 27. Juli 2010 veröffentlichte das World Wide Web Consortium WOFF als Arbeitsentwurf. Der MIME-Typ von WOFF ist: application/x-font-woff (font/x-font-woff ist derzeit auch nicht akzeptabel, wenn Sie die Website möchten). Um dies zu unterstützen, fügen Sie bitte woff zum MIME-Typ in IIS7 hinzu. Einführung in MIME-TypenMIME (Multipurpose Internet Mail Extensions) ist ein Mehrzweck-Internet-Mail-Erweiterungstyp, bei dem es sich um einen Typ handelt, der eine Datei mit einer bestimmten Erweiterung festlegt, die von einer Anwendung geöffnet werden soll. Wenn auf eine Datei mit dieser Erweiterung zugegriffen wird, öffnet der Browser sie automatisch mit der angegebenen Anwendung. Es wird hauptsächlich verwendet, um einige vom Client definierte Dateinamen und einige Methoden zum Öffnen von Mediendateien anzugeben.
Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



So verwenden Sie Bootstrap, um den Wert der Suchleiste zu erhalten: Bestimmt die ID oder den Namen der Suchleiste. Verwenden Sie JavaScript, um DOM -Elemente zu erhalten. Holen Sie sich den Wert des Elements. Führen Sie die erforderlichen Maßnahmen aus.

Die Verwendung von Bootstrap in Vue.js ist in fünf Schritte unterteilt: Startstrap installieren. Bootstrap in main.js. Verwenden Sie die Bootstrap -Komponente direkt in der Vorlage. Optional: benutzerdefinierter Stil. Optional: Verwenden Sie Plug-Ins.

Verwenden Sie Bootstrap, um die vertikale Zentrierung zu implementieren: FlexBox-Methode: Verwenden Sie den D-Flex, den Justify-Content-Center und die Ausrichtungsklassen aus Align-Item-Center, um Elemente in den Flexbox-Behälter zu platzieren. Methode für Ausstellungs-Iitem-Center-Klassen: Bei Browsern, die Flexbox nicht unterstützen, verwenden Sie die Klasse aus Align-items-Center-Klasse, vorausgesetzt, das übergeordnete Element hat eine definierte Höhe.

Es gibt zwei Möglichkeiten, eine Bootstrap -Split -Zeile zu erstellen: Verwenden des Tags, das eine horizontale Split -Linie erstellt. Verwenden Sie die CSS -Border -Eigenschaft, um benutzerdefinierte Style Split -Linien zu erstellen.

Um die Größe der Elemente in Bootstrap anzupassen, können Sie die Dimensionsklasse verwenden, einschließlich: Einstellbreite:.

Um das Bootstrap -Framework einzurichten, müssen Sie die folgenden Schritte befolgen: 1. Verweisen Sie die Bootstrap -Datei über CDN; 2. Laden Sie die Datei auf Ihrem eigenen Server herunter und hosten Sie sie. 3.. Fügen Sie die Bootstrap -Datei in HTML hinzu; 4. Kompilieren Sie Sass/weniger bei Bedarf; 5. Importieren Sie eine benutzerdefinierte Datei (optional). Sobald die Einrichtung abgeschlossen ist, können Sie die Grid -Systeme, -Komponenten und -stile von Bootstrap verwenden, um reaktionsschnelle Websites und Anwendungen zu erstellen.

Es gibt verschiedene Möglichkeiten, Bilder in Bootstrap einzufügen: Bilder direkt mit dem HTML -IMG -Tag einfügen. Mit der Bootstrap -Bildkomponente können Sie reaktionsschnelle Bilder und weitere Stile bereitstellen. Legen Sie die Bildgröße fest und verwenden Sie die IMG-Fluid-Klasse, um das Bild anpassungsfähig zu machen. Stellen Sie den Rand mit der img-beliebten Klasse ein. Stellen Sie die abgerundeten Ecken ein und verwenden Sie die IMG-Rund-Klasse. Setzen Sie den Schatten, verwenden Sie die Schattenklasse. Größen Sie die Größe und positionieren Sie das Bild im CSS -Stil. Verwenden Sie mit dem Hintergrundbild die CSS-Eigenschaft im Hintergrund.

Lösungen für den verstümmelten Code der Bootstrap-Tabelle, wenn Sie AJAX verwenden, um Daten vom Server zu erhalten: 1. Legen Sie die korrekte Zeichenkodierung des serverseitigen Codes (z. B. UTF-8) fest. 2. Stellen Sie den Anforderungsheader in der AJAX-Anforderung ein und geben Sie die akzeptierte Zeichenkodierung an (Akzeptanz-Charge). 3. Verwenden Sie den "Unscape" -Verwandler der Bootstrap -Tabelle, um die entkommene HTML -Entität in Originalzeichen zu dekodieren.
