Integrate your own fonts
Upload your Fonts
In the Shopware installation on your server, you will find the folder public/fonts
. Store the fonts you want to integrate there:
In this example, I have included the Open Sans font.
Initialize font via font-face
You can integrate individual CSS in my themes. This is necessary to initialize the font. You can find out where to integrate the CSS in the following article:
Individual CodeNow use the following CSS code to initialize your fonts:
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
src: url('/fonts/Open Sans/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('/fonts/Open Sans/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/Open Sans/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/Open Sans/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
url('/fonts/Open Sans/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/Open Sans/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
You can then simply use the font in the theme settings:

Last updated