如何更改jQuery数据表的字体系列导出按钮

我在我的网站上使用了数据表导出按钮（https://datatables.net/extensions/buttons/examples/html5/simple.html）。
但是在我的网站上我使用的是自定义字体系列。我主要的CSS代码如下：如何更改jQuery数据表的字体系列导出按钮

@font-face { 
    font-family: MyFontCapital; 
    src: url('../font/MyFontCapital.otf'); 
} 
@font-face { 
    font-family: MyFontSansRegular; 
    src: url('../font/MyFontSans-Regular.otf'); 
} 
@font-face { 
    font-family: MyFontSansMedium; 
    src: url('../font/ MyFontSans-Medium.otf'); 
}

我使用的CSS文件如下：

<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"> 
<link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet"> 
<link href="css/plugins/dataTables/buttons.dataTables.min.css" rel="stylesheet">

虽然额外的js文件如下：

<script src="js/plugins/dataTables/jquery.dataTables.js"></script> 
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script> 
<script src="js/plugins/dataTables/dataTables.buttons.min.js"></script> 
<script src="js/plugins/dataTables/buttons.flash.min.js"></script> 
<script src="js/plugins/dataTables/jszip.min.js"></script> 
<script src="js/plugins/dataTables/pdfmake.min.js"></script> 
<script src="js/plugins/dataTables/vfs_fonts.js"></script> 
<script src="js/plugins/dataTables/buttons.html5.min.js"></script> 
<script src="js/plugins/dataTables/buttons.print.min.js"></script>

我想更改导出按钮使用的字体（CSV，Excel，PDF，打印）

我试图添加我主要的CSS代码：

.dt-button { 
    font-family: MyFontCapital; 
    src: url('../font/MyFontCapital.otf'); 
}

或

.dt-button-collection{ 
    font-family: MyFontCapital; 
    src: url('../font/MyFontCapital.otf'); 
}

但没有奏效。我也搜索了datatables站点，但没有发现任何在数据表初始化过程中设置font-family的例子。任何想法我应该做什么？

来源

2017-07-17 dk13

它看起来像你的字体无法在本地找到。确定'@ font-face'能找到它们吗？从'dt-button..'类中删除'src'，无论如何都不会工作，因为它是一个'@ font-face'特定的属性。 –

@RenevanderLende font-face可以找到它们。我删除了src，但按钮无法看到特定的字体。 – dk13

我对@ font-face不太熟悉，但是本地和远程url（）之间有区别，所以你可能想看看https://stackoverflow.com/questions/3698319/css-font-面对 - 什么 - 做-SRC-本地均值。 –

使你的风格定义更重要，例如

.dt-button { 
    font-family: MyFontCapital !important; 
}

不需要.dt按钮样式的src。

此外，你必须在路径中的额外空间字体：

font-family: MyFontSansMedium; 
    src: url('../font/ MyFontSans-Medium.otf');

来源

2017-09-07 12:05:39 Spikolynn

如何更改jQuery数据表的字体系列导出按钮

回答

相关问题