Add this code to the Custom CSS field on the Style tab of your Audio Player widget’s settings:
/* Font of all elements*/
.global-style,
[class*='Playlist__Component'],
[class*='FloatingBar__StyledPlaylist'],
[class*='FloatingBar__Container'],
[class*='Small__Component-sc'],
[class*='Mobile__ButtonWrapper-sc'],
[class*='Mobile__InfoContainer-sc'],
[class*='ProgressBar__Component-sc'] {
font-family: Calibri;
}
/* Playlist items title*/
.global-style,
[class*='PlaylistItem__Title'] {
font-size: 17px !important;
font-style: normal !important;
}
/* Playlist item duration*/
.global-style,
[class*='PlaylistItem__Duration'] {
font-size: 19px !important;
font-style: normal !important;
}
/* Progress bar time start and end*/
.global-style,
[class*='Small__Title-sc'],
[class*='Mobile__Title-sc'],
[class*='ProgressBar__TimeStart'],
[class*='ProgressBar__TimeEnd'] {
font-size: 17px !important;
font-style: normal !important;
}