The bootsrap glyphs not displayed on SharePoint public site

Question

I recently connected a domain to my public website on SharePoint Online (Developer tenant). When I connected the template with the master page and page layout works flawlessly on: https://domain-public.sharepoint.com/ but with the new domain: http: //www.domain.se/ on the public web site deletes all button icons that should be in the file: font-awesome.min.css but the function remains. But if I use Chrome appear as squares.

NOTE! In all three cases, the function works!

Why is this happening in the public website?

Please check the attached pictures.

Answer 1

You should check the permissions on your Fonts folder wherever it is stored in your site. I think a simple explanation would be that public does not have read access to that folder.

Answer 2

This has probably nothing to do with SharePoint. Are you sure you're using the last version of bootstrap ? I had the same issue one time, and I updated the fonts directory provided by bootstrap. Seemed like Chrome was having a problem with woff2 font files, I can't really remember.

Edit : I remember now, it was a problem with IIS, I had to update my web.config, you could try adding something like that in your web.config :

<system.webServer>
    <staticContent>
        <remove fileExtension=".woff2" />
        <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>
 </system.webServer>

If you don't succeed to solve your problem by then, I will be able to look at what I did on Wednesday.