Memasang MIME Type Pada Web Font Untuk IIS

Pada saat membangun aplikasi web seorang programmer sering memasang dan menggunakan web font untuk mempercantik tampilan aplikasinya. Agar jenis font dapat bekerja dengan baik web browser harus mengetahui MIME type dari font tersebut.

MIME merupakan singkatan dari Multipurpose Internet Mail Extension fungsinya adalah untuk menterjemahkan berbagai jenis informasi dapat berupa teks, gambar, audio, video, font dan lainnya agar dapat diterima dengan baik oleh web browser.

Nah, pengalaman untuk memasang MIME type saya peroleh ketika saat saya membangun aplikasi web dengan ASP.Net, saya memasang web font dengan ekstensi file .eot, .ttf, .svg, .woff, .woff2 menggunakan perintah @font-face pada file CSS. Pada saat saya menjalankan aplikasi pada web browser terdapat kesalahan dimana beberapa font tidak dapat dibaca oleh web browser. Untuk menangani masalah tersebut saya melakukan sedikit pengaturan pada file web.config seperti gambar berikut:

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

Hasilnya font dengan ekstensi .woff dan .woff2 yang sebelumnya tidak dapat dibaca oleh web browser sekarang dapat digunakan dengan baik.

Apabila anda mengalami kesulitan silahkan tanyakan melalui fasilitas komentar pada blog ini.
Terimakasih untuk kunjungan anda.

Categories: Aplikasi, ASP.Net