So ändern Sie die Schriftfamilie der Exporttasten für Jquery-Datatables

Question

Ich habe die Exportschaltflächen für Datentypen (https://datatables.net/extensions/buttons/examples/html5/simple.html) auf meiner Website verwendet.
Allerdings verwende ich in meiner Website benutzerdefinierte Schriftfamilie. In meinem Haupt-CSS ist der Code, der folgende:

@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'); 
} 

Und die CSS-Dateien, die ich verwenden, sind die folgenden: sind

<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"> 

Während die zusätzlichen js Dateien die folgenden:

<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> 

Ich möchte die Schriftarten ändern, die die Exportschaltfläche verwendet (CSV, Excel, PDF, Drucken)

Ich habe versucht, die on hinzuzufügen mein Haupt css der Code:

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

oder

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

Aber hat nicht funktioniert. Ich suchte auch die Seite der Datenquellen, fand aber kein Beispiel dafür, dass die Schriftartfamilie während der Initialisierung der Datentabelle gesetzt wurde. Irgendeine Idee, was ich tun sollte?

Answer 1

Machen Sie Ihre Stildefinitionen wichtiger, z.

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

Die src in Styling .dt-Taste ist nicht erforderlich.

Außerdem haben Sie einen zusätzlichen Raum im Weg zu font:

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