'change font family in datatable

I'm a beginner in java, How can I change the font family of all texts (header, footer and body) in a datatable?

I found nothing about font family in datatables.jqueryui.css



Solution 1:[1]

Thanks to @charlietfl,

I use inspect element in the browser and found out the solution is adding font-family and font-size to .dataTables_wrapper in dataTables.jqueryui.css

.dataTables_wrapper {
    font-family: tahoma;
    font-size: 13px;
    direction: rtl;
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}

Solution 2:[2]

I have used the following implementation and works fine. By the way, in this example I am using Bootstrap and Ajax call.

<style>
  .table.dataTable  {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13px;
}
</style>
<table id="example" class="table"></table>

Solution 3:[3]

Font-family for everything inside the DataTable area (header, table, footer).

CSS

.dataTables_wrapper { font-family: "courier"}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Hana Bzh
Solution 2 Alexandre Crivellaro
Solution 3 burak isik