css - Vuetify - css による v-data-table のフォント サイズの変更が機能しない

Question

css コードを編集して v-data-table の font-size を変更しました。動作しませんが、表本体のフォントの太さを変更できます。 コードペン

.v-data-table td{
  font-weight:bold;
  font-size:24px;
}

.v-data-table th{
  font-weight:bold;
  font-size:24px;
}