How to include custom fonts/css into backoffice?

[former_member632070]

I have noticed that Hybris backoffice is currently using fonts from google. And are downloading these upon visiting login page.

 <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans"/>

I have downloaded the fonts/css for these and want to host them from server. I have been trying to find where I can edit the actual html tags for this? Shouldn't there be some template page that the pages are based on that can be customized.

[VinayKumarS · Accepted solution]

It's possible 😉 I would recommend to get familiarize with :

https://help.hybris.com/6.7.0/hcd/54247a1925824eb289a9c940e93fedf4.html

you can use

  backoffice.sass.preferred.extension=yourExtensionWhichScss
  backoffice.sass.preferred.variables.file=resources/cockpitng/cng/scss/dev-variables.scss
 

After that run 'ant clean all' or 'ant sassclean sasscompile'

[former_member632070]

Originally was doing as you suggested so thanks for link. But later as I already had my own css locally I just wanted to remove the link to google fonts. I did this by including following option in local.properties

-Dorg.zkoss.theme.atlantic.useGoogleFont.disabled=true