asp gridviewカスタムフォントファミリiframe内でレンダリングされない

Question

iframeにネストされたaspグリッドビューにカスタムフォントを適用しようとしています。私たちはshtmlを使ってページをリンクしています。 CSSは以前の処理で読み込まれましたが、私のページにリンクを張らなければならないことは認識されていませんでした。

font-faceソース項目は別のCSS定義と重複しているため、パスは正確であり、残りのサイトでも機能します。背景色が認識されるので、CSSが評価されていることがわかります。他のフォントがfont-familyにリストされている場合は、それが認識されて使用されます。

私は、既存のCSSと重複するカスタムフォントが認識されない理由について迷っています。問題はiframeに関連していますが、この問題の解決策を見つけることができません。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Career_JobListings.aspx.cs" Inherits="_Default" %> 

<form runat="server" id="f1"> 
    <div class="gridview"> 
     <asp:sqldatasource id="jobListingsDS" runat="server" 
      selectcommand="SELECT JobID, JobName, JobDescription, FileLink FROM tblJobListings" 
      connectionstring="<%$ ConnectionStrings:dbConnectionString %>"> 
     </asp:sqldatasource> 
     <h2>A listing of current job openings.</h2> 
     <asp:gridview id="grdJobListings" runat="server" autogeneratecolumns="false" 
      datasourceid="jobListingsDS" 
      onrowdatabound="jobListingsGridView_RowDataBound" 
      cssclass="gridview"> 

      <Columns> 
       <asp:BoundField ItemStyle-Width="150px" ReadOnly="True" DataField="JobName" HeaderText="Job Name" SortExpression="JobName"/> 
       <asp:BoundField ItemStyle-Width="250px" DataField="JobDescription" HeaderText="Description" />     
       <asp:HyperLinkField HeaderText="Detailed Description" Text='Click for detailed description.' NavigateUrl='f<%# bind("FileLink")%>' Target="_blank" runat="server"/>      
      </Columns> 
     </asp:gridview> 
    </div> 
</form> 

CSSで：

<iframe id="ff" width="546px" height="200px" frameborder="0" scroll="yes" src="Career_JobListings.aspx"></iframe> 

ASPコードASPページをロードするために使用される事前

のiframe文で

感謝形成：

@font-face { 
    font-family: MuseoSlab; 
    src: url(fonts\Museo_Slab_900.otf); 
    src: url(fonts\Museo_Slab_900.ttf); 
    src: url(fonts\Museo_Slab_900.eot); 
} 

/* ASP usage */ 
.gridview { 
    font-family: MuseoSlab; 
} 

    .gridview tr { 
     font-family: MuseoSlab; 
     background-color: #FF6600; 
    } 

Answer 1

私は以前、CSSを利用して、私のグリッドに不可欠なフォントとクラスのアイテムで新しいものを作成していました。解決策が欠落していることが判明しました。

以下がCSSの上部に追加され、カスタムフォントが適用されています。

@import url("framework.css"); 

これは、この問題が発生した他の人に役立ちます。