Magento CE 2.0.7: missing fonts and images, icons ( after installation )

TrablaMagento CE 2.0.7: missing fonts and images ( after success installation )


Magento CE 2.0.7 missing fonts and images howto fix tutorial
1. Front Page

Magento CE 2.0.7 missing fonts and images howto fix tutorial 1

2. Admin 

Magento CE 2.0.7 missing fonts and images howto fix tutorial 2

3. Browser console full of errors

Magento CE 2.0.7 missing fonts and images howto fix tutorial 3

GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/mage/calendar.css 
(index):24 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/mage/requirejs/mixins.js 
(index):23 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/requirejs/require.js 
requirejs-config.js:48 Uncaught TypeError: require.config is not a function(anonymous function) @ requirejs-config.js:48(anonymous function) @ requirejs-config.js:49(anonymous function) @ requirejs-config.js:601
(index):29 Uncaught TypeError: require.config is not a function(anonymous function) @ (index):29
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/bold/opensans-700.woff2 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/light/opensans-300.woff2 
(index):122 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/images/logo.svg 404 (Not Found)
(index):155 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/regular/opensans-400.woff2 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/semibold/opensans-600.woff2 
(index):155 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/Luma-Icons.woff2 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/bold/opensans-700.woff 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/light/opensans-300.woff 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/semibold/opensans-600.woff 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/regular/opensans-400.woff 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/Luma-Icons.woff 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/bold/opensans-700.ttf 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/light/opensans-300.ttf 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/regular/opensans-400.ttf 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/opensans/semibold/opensans-600.ttf 
(index):1 GET http://localhost/magento/pub/static/frontend/Magento/luma/en_US/fonts/Luma-Icons.ttf 


Solving:

1.  Go to pub/static directory,
remove all except the htaccess,
e.g. C:\xampp\htdocs\magento\pub\static

Magento CE 2.0.7 missing fonts and images howto fix tutorial 4

Magento CE 2.0.7 missing fonts and images howto fix tutorial 5


2.  Open  app/etc/di.xml
( e.g. C:\xampp\htdocs\magento\app\etc )
change
'Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink'
to
'Magento\Framework\App\View\Asset\MaterializationStrategy\Copy'

Magento CE 2.0.7 missing fonts and images howto fix tutorial 6

Magento CE 2.0.7 missing fonts and images howto fix tutorial 7

Magento CE 2.0.7 missing fonts and images howto fix tutorial 8

and save file.

3. Reload front and admin pages in browser

Magento CE 2.0.7 missing fonts and images howto fix tutorial 9

Magento CE 2.0.7 missing fonts and images howto fix tutorial 10

No comments:

Post a Comment