change font family in datatable

Question

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

Answer 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;
}

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