title: Using custom fonts in React native Webview
body: <p>I'm using custom fonts in my entire React native application. I have linked them using react-native link command. They work everywhere except inside the Webview component of Android. It works properly in iOS Webview.</p>
  
  <pre><code>import React, { Component } from "react"
  import { View, StyleSheet, Text, WebView, ScrollView, Image } from "react-native"
  import HTMLView from "react-native-htmlview"
  
  export class PostDetailPage extends Component {
  
    static navigationOptions = {
      title: ({ state }) =&gt; state.params.post.title,
      header: {
        style: {
          backgroundColor: '#FF9800',
        },
        titleStyle: {
          color: 'white',
          fontFamily: "Ekatra",
          fontWeight: "normal"
        },
        tintColor: 'white'
      }
    }
  
    constructor(props) {
      super(props)
    }
  
    render() {
      const post = this.props.navigation.state.params.post
      const html = `
        &lt;!DOCTYPE html&gt;
        &lt;html&gt;
        &lt;head&gt;
          &lt;style type="text/css"&gt;
            body {
              font-family: Lohit-Gujarati;
              font-size: 1.25rem;
              color: black;
              padding: 0px 10px 10px 10px;
            }
  
            p {
              text-align: justify;
            }
          &lt;/style&gt;
        &lt;/head&gt;
        &lt;body&gt;
          ${post.content}
        &lt;/body&gt;
        &lt;/html&gt;
      `
      return (
        &lt;View style={{ flex: 1, overflow: "visible" }}&gt;
          &lt;Image source={{ uri: post.featured_image }} style={{ height: 150 }} /&gt;
          &lt;WebView
            source={{html}}
            style={{flex: 1}}
            /&gt;
        &lt;/View&gt;
      )
    }
  }
  </code></pre>
  
  <p>I have tried creating a font-face inside the webview css with url("file:///android_assets/fonts/Lohit-Gujarati"). It doesn't work. Importing google fonts css works. What is the right way to use local custom fonts in React native Android Webview?</p>