CSS file font issues fix

Hi all,

Not sure if this affects others, but when I tried to carry out the upgrade the fonts didn’t work, and the icons also failed, which made the system look really strange as it defaulted to Times New Roman I think?

I had a look at the difference is the styles.css file in web\css\layout\default and found that the references to the fonts files have the folder structure “../../../../../../” when it actually needs to be “../../../” to work in my version. I reduced all of the versions with the six forward slashes to three, saved the file and cleared the prod cache and it now looks like it should do.

Michael – this may be of some help to you, as the structure hasn’t changed enough from what I can see to require a move up another three folders – perhaps it is needed for demo.orocommerce.com?

Hope that helps someone.

Nick

Topic

[MichaelKeymaster]

It may happen when you are running your OroCommerce installation in a “subfolder” (e.g. http://my.localmachine.com/subfolder/)

The fix will be included in the next release, for now you can fix it with the following patch:

diff

diff --git a/vendor/oro/commerce/src/Oro/Bundle/CatalogBundle/Resources/views/layouts/default/oro_frontend_root/default.html.twig b/vendor/oro/commerce/src/Oro/Bundle/CatalogBundle/Resources/views/layouts/default/oro_frontend_root/default.html.twig index 0a07680..f80c107 100644 --- a/vendor/oro/commerce/src/Oro/Bundle/CatalogBundle/Resources/views/layouts/default/oro_frontend_root/default.html.twig +++ b/vendor/oro/commerce/src/Oro/Bundle/CatalogBundle/Resources/views/layouts/default/oro_frontend_root/default.html.twig @@ -34,7 +34,7 @@ {% endif %} <div class="hero-promo-item__picture"> <img class="hero-promo-item__img" - src="{{ item.image }}"> + src="{{ asset(item.image) }}"> </div> <div class="hero-promo-item__info"> {% if item.prelabel|default('') or item.label|default('') or item.link|default('') %} diff --git a/vendor/oro/platform/src/Oro/Bundle/UIBundle/Resources/public/blank/scss/settings/global-settings.scss b/vendor/oro/platform/src/Oro/Bundle/UIBundle/Resources/public/blank/scss/settings/global-settings.scss index b74745b..316ccd1 100644 --- a/vendor/oro/platform/src/Oro/Bundle/UIBundle/Resources/public/blank/scss/settings/global-settings.scss +++ b/vendor/oro/platform/src/Oro/Bundle/UIBundle/Resources/public/blank/scss/settings/global-settings.scss @@ -1,4 +1,4 @@ -$global-url: './../../../../bundles' !default; +$global-url: 'bundles' !default; @import './partials/variables'; @import './partials/mixins';

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

diff --git a/vendor/oro/commerce/src/Oro/Bundle/CatalogBundle/Resources/views/layouts/default/oro_frontend_root/default.html.twig b/vendor/oro/commerce/src/Oro/Bundle/CatalogBundle/Resources/views/layouts/default/oro_frontend_root/default.html.twig index 0a07680..f80c107 100644 --- a/vendor/oro/commerce/src/Oro/Bundle/CatalogBundle/Resources/views/layouts/default/oro_frontend_root/default.html.twig +++ b/vendor/oro/commerce/src/Oro/Bundle/CatalogBundle/Resources/views/layouts/default/oro_frontend_root/default.html.twig @@ -34,7 +34,7 @@          {% endif %}          <div class="hero-promo-item__picture">              <img class="hero-promo-item__img" -                src="{{ item.image }}"> +                src="{{ asset(item.image) }}">          </div>          <div class="hero-promo-item__info">              {% if item.prelabel|default('') or item.label|default('') or item.link|default('') %} diff --git a/vendor/oro/platform/src/Oro/Bundle/UIBundle/Resources/public/blank/scss/settings/global-settings.scss b/vendor/oro/platform/src/Oro/Bundle/UIBundle/Resources/public/blank/scss/settings/global-settings.scss index b74745b..316ccd1 100644 --- a/vendor/oro/platform/src/Oro/Bundle/UIBundle/Resources/public/blank/scss/settings/global-settings.scss +++ b/vendor/oro/platform/src/Oro/Bundle/UIBundle/Resources/public/blank/scss/settings/global-settings.scss @@ -1,4 +1,4 @@ -$global-url: './../../../../bundles' !default; +$global-url: 'bundles' !default; @import './partials/variables'; @import './partials/mixins';

[Author]

Replies