title: Dynamic change font-size in Leaflet marker tooltip text on zoom change
body: <p>I show some text on map, I did this by this example </p>
  
  <p><a href="https://stackoverflow.com/questions/47938963/rotate-lealfet-markers-tooltip-text">Rotate Lealfet markers tooltip text</a></p>
  
  <p>I need to see smaller text if zoom out and text should be larger when I zoom in.</p>
  
  <pre><code>mymap.on('zoomend', function () {
      var zoomLevel = mymap.getZoom();
      var tooltip = $('.leaflet-tooltip');
  
      switch (zoomLevel) {
          case -2:
              tooltip.css('font-size', 7);
              break;
          case -1:
              tooltip.css('font-size', 10);
              break;
          case 0:
              tooltip.css('font-size', 12);
              break;
          case 1:
              tooltip.css('font-size', 14);
              break;
          case 2:
              tooltip.css('font-size', 16);
              break;
          case 3:
              tooltip.css('font-size', 18);
              break;
          default:
              tooltip.css('font-size', 14);
      }
  }
  </code></pre>
  
  <p>I guess this is not by the book solution and I want to ask for a better way for changing font size dynamically to follow map size on zoom in or zoom out.</p>