@springernature/springer-nature-context v2.0.1

Springer Nature Context

Set the context for Springer Nature branded products.

• Global Context
• Fonts

Global Context

This package inherits from the global-context package, which details everything that is included with springer-nature-context. This README will detail anything that is added for this specific brand.

Fonts

Web fonts are provided in the top level fonts folder, and should be copied to your assets folder as part of your build process. Then add @font-face declarations depending on your asset location. A template is provided below:

Example

@font-face {
	font-family: 'Daytona';
	font-style: normal;
	font-weight: 300;
	src: url('81a7ca0e-9ecd-494c-b5a8-8a71dee13b8d.woff') format('woff'), url(quote('eaec63df-29cb-4036-b52c-0128885fa6d8.woff2')) format('woff2');
	font-display: swap;
}

@font-face {
	font-family: 'Daytona';
	src: url('1e47f9c8-006c-47ea-a538-fda418eee2e8.eot?#iefix');
	src: url('1e47f9c8-006c-47ea-a538-fda418eee2e8.eot?#iefix') format('eot'), url('da2d8e8a-4058-41e5-bf2b-8e67a6ec9aa3.woff2') format('woff2'), url('3bf6a125-4948-46d6-b44a-25a39c5e1781.woff') format('woff'), url('34acddf5-e3d9-4456-87b6-e5c58cdd0450.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather';
	src: url('Merriweather-Light.ttf') format('truetype');
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather';
	src: url('Merriweather-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather';
	src: url('Merriweather-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
}

License

MIT License © 2018, Springer Nature