bootstrap glyphicons-halflings-regular.woff 404 not found IIS

bootstrap glyphicons-halflings-regular.woff 404 not found IIS

網站發現一行錯誤訊息：
glyphicons-halflings-regular.woff 404 not found

檢查後發現，檔案確實存在，剩下的可能性就是 woff 副檔名 IIS 不認識，
要讓 IIS 認識相關檔案的話，可以在 web.config 加入下列設定

  <system.webServer>
    <staticContent>
      <remove fileExtension=".eot" />
      <remove fileExtension=".ttf" />
      <remove fileExtension=".otf"/>
      <remove fileExtension=".woff"/>
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
      <mimeMap fileExtension=".ttf" mimeType="font/ttf" />
      <mimeMap fileExtension=".otf" mimeType="font/otf" />
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
    </staticContent>
  </system.webServer>

資料來源：
Twitter bootstrap glyphicons do not appear in release mode 404
http://stackoverflow.com/questions/21269884/twitter-bootstrap-glyphicons-do-not-appear-in-release-mode-404

IIS - RESOURCE INTERPRETED AS FONT BUT TRANSFERRED WITH MIME TYPE APPLICATION/X-FONT-WOFF
http://deanhume.com/home/blogpost/iis---resource-interpreted-as-font-but-transferred-with-mime-type-application-x-font-woff/4101

Visual Studio 2013 IIS Express remote access (遠端存取)

在使用 Visual Studio 開發 Web 專案時，因為客戶使用 iPad Mini 為操作界面，
雖然 Chrome 擁有 Device Mode & Mobile Emulation 功能，可以滿足大部份的視覺模擬。
但是在一些細微的視覺差異以及在硬體上，還是只能在實體機上面呈現。

然而，預設 Visual Studio Web 專案啟動時，使用的 IIS Express 是只能本地存取的 (localhost access only)，所以我們只能一再的將修正後的程式部署到開發環境中的 IIS Server，在 iPad 上確認是否符合預期，如果不是則再重覆上面的動作，實在是很累人。

所以，決定上網尋找一下，能不能讓 Visual Studio 2013 IIS Express 支援遠端存取 (Remote Access)，答案是可以！下面是修改步驟。

專案 > 屬性 > Web 頁面中，有個 專案 URL，原本是 localhost:54926 (54926 是隨機 port 號)，改為 127.0.0.123:54926 ( 127.0.0.123 是電腦的 IP，或是 domain 也行)。

如果改完之後直接啟動，會出現

Bad Request - Invalid Hostname / HTTP Error 400. The request hostname is invalid.

這是正常的，還需要修改 IIS Express  設定，開啟這個檔案

%USERPROFILE%\My Documents\IISExpress\config\applicationhost.config

找到像這樣的設定：

<site name="WebSiteTest" id="1" serverAutoStart="true">
    <application path="/">
        <virtualDirectory path="/" physicalPath="E:\Project\WebSiteTest" />
    </application>
    <bindings>
        <binding protocol="http" bindingInformation="*:54926:localhost" />
    </bindings>
</site>

將上述中的 bindingInformation="*:54926:localhost" 改為 bindingInformation="*:54926:127.0.0.123"

重新啟動後，就可以看到網站，這時候就可以遠端存取了！

Reference
Connecting to Visual Studio debugging IIS Express server over the lan

Using Custom Domains With IIS Express

Allowing remote access to your IIS Express service