title: How can I render custom widget according to html tags using flutter_html package?
body: <p>I have a HTML document and I want to render it with Flutter using flutter_html plugin. I want to render different typography differently. Eg. I want to have different font and size for bold and different for non-bold.</p>
  
  <p>I tried reading the documentation which has a property for the Html constructor called <code>customRenderer</code>, I couldn't understand the implementation for it.</p>
  
  <p>Below is the code from documentation.</p>
  
  <pre class="lang-dart prettyprint-override"><code>  Html(
      data: """
        &lt;!--For a much more extensive example, look at example/main.dart--&gt;
        &lt;div&gt;
          &lt;h1&gt;Demo Page&lt;/h1&gt;
          &lt;p&gt;This is a fantastic nonexistent product that you should buy!&lt;/p&gt;
          &lt;h2&gt;Pricing&lt;/h2&gt;
          &lt;p&gt;Lorem ipsum &lt;b&gt;dolor&lt;/b&gt; sit amet.&lt;/p&gt;
          &lt;h2&gt;The Team&lt;/h2&gt;
          &lt;p&gt;There isn't &lt;i&gt;really&lt;/i&gt; a team...&lt;/p&gt;
          &lt;h2&gt;Installation&lt;/h2&gt;
          &lt;p&gt;You &lt;u&gt;cannot&lt;/u&gt; install a nonexistent product!&lt;/p&gt;
          &lt;!--You can pretty much put any html in here!--&gt;
        &lt;/div&gt;
      """,
      padding: EdgeInsets.all(8.0),
      backgroundColor: Colors.white70,
      defaultTextStyle: TextStyle(fontFamily: 'serif'),
      linkStyle: const TextStyle(
        color: Colors.redAccent,
      ),
      onLinkTap: (url) {
      },
      customRender: (node, children) {
        if(node is dom.Element) {
          switch(node.localName) {
            case "video": return Chewie(...);
            case "custom_tag": return CustomWidget(...);
          }
        }
      },
    )
  </code></pre>
  
  <p>If I just can change font size and font family according to the tag name, it will do.</p>