Magento 2: Why are my luma icons not showing?

Question

I made a custom theme with luma as my parent theme. Somehow it's only showing the icons of the blank theme and not the one of luma.

Do I need to copy any fonts or declare them in my custom theme?

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
  <title>My Theme</title>
  <parent>Magento/luma</parent>
</theme>

Any ideas?

Answer 1

I not sure about customise in your layout of your theme.

rm -r var/view_processed/* pub/static/frontend/*
php bin/magento setup:static-content:deploy
php bin/magento cache:flush

If eveything works your theme should be extend all assets from luma. If you use grunt you can deploy theme again

Answer 2

I got it. I had the following structure for my theme:

- web
-- css 
--- source
---- variables
----- _globals.less
---- _buttonset.less
---- _footer.less
---- _header.less
---- _navigation_extend.less
---- _productiongrid.less
---- _productview.less
---- _theme.less  //i changed this to _extend.less
---- _typography.less

I found the following DevDocs from the Magento website: http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/css-guide/css_quick_guide_mode.html

It said that you need to use the _extend.less file for extending styles of the theme you're using (in my case magento/luma)

In this file I had my @imports to the files in my structure. I deployed it through grunt and it worked.

Anybody knows why _theme.less didn't work? Is it used for different purposes?