My index.html file contains multiple css and js files, including MaterializeCSS and a style.css file. However, when both are included simultaneously, using elements from Materialize such as tabs results in them not appearing correctly. Despite initializing everything correctly with no errors, the font on the tabs is incorrect. Interestingly, excluding style.css resolves the issue, but this isn't a viable solution as it distorts the appearance of the entire website.
The challenge lies in finding a way to resolve the conflict between MaterializeCSS and style.css. Even attempting different inclusion orders failed to rectify the problem.
For reference, you can access style.css here.
UPDATE: Experimenting by commenting out all the font-family elements in style.css appears to have resolved the issue. While this provides a temporary fix, I consider it less than ideal and aim for a more elegant solution.