title: Angular 11 Inlining of fonts failed
body: <p>Trying to build angular11 app in a system behind proxy.  When running &quot;ng build --prod&quot; I get this error:</p>
  <blockquote>
  <p>Inlining of fonts failed. An error has occurred while retrieving
  <a href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&amp;display=swap" rel="noreferrer">https://fonts.googleapis.com/css?family=Roboto:300,400,500&amp;display=swap</a>
  over the internet. getaddrinfo ENOTFOUND fonts.googleapis.com</p>
  </blockquote>
  <p>Some posts said to disable it, directing to this angular doc <a href="https://angular.io/guide/workspace-config#optimization-configuration" rel="noreferrer">URL</a> for more info, but I can't get that to work.  If I edit <strong>angular.json</strong> &quot;optimization&quot; parameter to below, I get a <strong>Schema validation failed...Data path .optimization should be boolean</strong> error:</p>
  <pre><code>&quot;optimization&quot;: { 
    &quot;scripts&quot;: true,
    &quot;styles&quot;: {
      &quot;minify&quot;: true,
      &quot;inlineCritical&quot;: true
    },
    &quot;fonts&quot;: false
  }
  </code></pre>
  <p>If I follow this <a href="https://javascript.plainenglish.io/angular-version-11-is-out-a-comprehensive-look-and-why-you-might-want-update-your-projects-5db652ce110c" rel="noreferrer">post</a> (search for &quot;AUTOMATIC FONT INLINING&quot;) and add below in <strong>package.json</strong>, it doesn't seem to have any effect:</p>
  <pre><code>&quot;optimization&quot;: { 
    &quot;scripts&quot;: true,
    &quot;styles&quot;: false,
    &quot;fonts&quot;: false
  }
  </code></pre>