ASP GridView自定义字体家庭不在iframe内部渲染



我试图将自定义字体应用于嵌套在iframe中的ASP GridView。我们正在使用SHTML将页面链接在一起。CSS是通过以前的处理加载的,但是尚未认识到我在页面上放置链接。

字体面源项目是另一个CSS定义的重复,因此路径是正确的,并且在网站的其余部分都可以使用。背景颜色已识别,因此我知道CSS正在评估。如果在字体家庭中列出了另一种字体,则可以识别并使用。

我不知所措,为什么不识别复制现有CSS的自定义字体。我专注于与iframe有关的问题,但无法在此问题上找到解决方案。

预先感谢

IFRAME语句用于加载ASP页面

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

ASP代码:

<%@ 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信息:

@font-face {
    font-family: MuseoSlab;
    src: url(fontsMuseo_Slab_900.otf);
    src: url(fontsMuseo_Slab_900.ttf);
    src: url(fontsMuseo_Slab_900.eot);
}
/* ASP usage */
.gridview {
    font-family: MuseoSlab;
}
    .gridview tr {
        font-family: MuseoSlab;
        background-color: #FF6600;
    }

我已经使用了以前的CSS,并创建了一个新的CSS,其中具有基本字体和班级项目的网格。事实证明该分辨率是缺失的导入。

以下添加到CSS的顶部,现在正在应用自定义字体。

@import url("framework.css");

希望这对遇到这个问题的其他人有帮助。

最新更新