JSFiddle - React, Tailwind, and code Playground

HTML

<font face="sans-serif"> <!-->So ändere ich die Schrift der gesamten Tabelle<!-->

<!--><table border="4" bgcolor="blue"><!-->

<table border="1" width="100%" height="100%" bgcolor="#333333">
  <tbody>
   
   <tr bgcolor="red">
      <th>Test</th>
      <th>Test</th>
      <th>Test</th>
      <th>Test</th>
      <th>Test</th>
      <th>Test</th>
   </tr>
   
  
   <tr>
      <td bgcolor="yellow">Test</td>
      <td>Test</td>
      <td>Test</td>
      <td>  <font color="green"> Test </font>  </td> <!-->schriftfarbe ändern<!-->
      <td>Test</td>
      <td>Test</td>
    </tr>
 
    <tr>
      <td>Test</td>
      <td bgcolor="yellow">Test</td>
      <td>Test</td>
      <td> <font face="monospace"> Test </font> </td>
      <td>Test</td>
      <td>Test</td>
    </tr>
    
    <tr>
      <td>Test</td>
      <td>Test</td>
      <td bgcolor="yellow">Test</td> <!-->Hintergrunfarbe ändern<!-->
      <td>Test</td>
      <td>Test</td>
      <td>Test</td>
    </tr>
    
    
    <tr>
      <td>  <a href="https://www.cbm.hamburg">cbm</a>  </td>
      <td>Test</td>
      <td>Test</td>
      <td bgcolor="yellow">Test</td>
      <td>Test</td>
      <td>Test</td>
   </tr>
 
 
  <tr>
      <td>Test</td>
      <td>Test</td>
      <td>Test</td>
      <td>Test</td>
      <td bgcolor="yellow">Test</td>
      <td>Test</td>
   </tr>
   
   
    <tr>
      <td> <font size="4"> Test </font> </td>
      <td>Test</td>
      <td>Test</td>
      <td>Test</td>
      <td>Test</td>
      <td bgcolor="yellow">Test</td>
   </tr>
 
 
 
 
 
 </tbody>
</table>
</font>    <!-->So ändere ich die Schrift der gesamten Tabelle<!-->

CSS

table {
  box-shadow: 0px 2px 18px 0px rgba(0,255,0);
  border-style: dotted ;

}