@@ -, +, @@ for loading them --- koha-tmpl/intranet-tmpl/prog/en/modules/about.tt | 6 +++ .../bootstrap/css/fonts/NotoSans-Bold-webfont.woff | Bin 0 -> 22052 bytes .../css/fonts/NotoSans-Bold-webfont.woff2 | Bin 0 -> 17528 bytes .../css/fonts/NotoSans-BoldItalic-webfont.woff | Bin 0 -> 23244 bytes .../css/fonts/NotoSans-BoldItalic-webfont.woff2 | Bin 0 -> 18424 bytes .../css/fonts/NotoSans-Italic-webfont.woff | Bin 0 -> 23692 bytes .../css/fonts/NotoSans-Italic-webfont.woff2 | Bin 0 -> 18908 bytes .../css/fonts/NotoSans-Regular-webfont.woff | Bin 0 -> 22288 bytes .../css/fonts/NotoSans-Regular-webfont.woff2 | Bin 0 -> 17696 bytes koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss | 44 ++++++++++++++++++++- .../bootstrap/en/includes/doc-head-close.inc | 3 -- .../bootstrap/en/includes/opac-bottom.inc | 1 + koha-tmpl/opac-tmpl/bootstrap/js/global.js | 16 ++++++++ .../bootstrap/lib/fontfaceobserver.min.js | 12 ++++++ 14 files changed, 78 insertions(+), 4 deletions(-) create mode 100644 koha-tmpl/opac-tmpl/bootstrap/css/fonts/NotoSans-Bold-webfont.woff create mode 100644 koha-tmpl/opac-tmpl/bootstrap/css/fonts/NotoSans-Bold-webfont.woff2 create mode 100644 koha-tmpl/opac-tmpl/bootstrap/css/fonts/NotoSans-BoldItalic-webfont.woff create mode 100644 koha-tmpl/opac-tmpl/bootstrap/css/fonts/NotoSans-BoldItalic-webfont.woff2 create mode 100644 koha-tmpl/opac-tmpl/bootstrap/css/fonts/NotoSans-Italic-webfont.woff create mode 100644 koha-tmpl/opac-tmpl/bootstrap/css/fonts/NotoSans-Italic-webfont.woff2 create mode 100644 koha-tmpl/opac-tmpl/bootstrap/css/fonts/NotoSans-Regular-webfont.woff create mode 100644 koha-tmpl/opac-tmpl/bootstrap/css/fonts/NotoSans-Regular-webfont.woff2 create mode 100644 koha-tmpl/opac-tmpl/bootstrap/lib/fontfaceobserver.min.js --- a/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt +++ a/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt @@ -999,6 +999,12 @@

JSZip

The JSZip JavaScript library is licensed under both the MIT and GPLv3 Licenses.

+ +

Font Face Observer

+

Font Face Observer is a JavaScript library by Bram Stein licensed under the BSD License.

+ +

Noto fonts

+

Noto by Google is a family of fonts licensed under the SIL Open Font License (OFL) v1.1.

--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss +++ a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss @@ -1,11 +1,52 @@ @import "mixins"; +@font-face { + font-family: 'NotoSans'; + font-style: normal; + font-weight: 400; + src: local('Noto Sans Regular'), + url('fonts/NotoSans-Regular-webfont.woff2') format('woff2'), + url('fonts/NotoSans-Regular-webfont.woff') format('woff'); +} + +@font-face { + font-family: 'NotoSans'; + font-style: bold; + font-weight: 700; + src: local('Noto Sans Bold'), + url('fonts/NotoSans-Bold-webfont.woff2') format('woff2'), + url('fonts/NotoSans-Bold-webfont.woff') format('woff'); +} + +@font-face { + font-family: 'NotoSans'; + font-style: italic; + font-weight: 400; + src: local('Noto Sans Italic'), + url('fonts/NotoSans-Italic-webfont.woff2') format('woff2'), + url('fonts/NotoSans-Italic-webfont.woff') format('woff'); +} + +@font-face { + font-family: 'NotoSans'; + font-style: italic; + font-weight: 700; + src: local('Noto Sans Bold Italic'), + url('fonts/NotoSans-BoldItalic-webfont.woff2') format('woff2'), + url('fonts/NotoSans-BoldItalic-webfont.woff') format('woff'); +} + + body { background: #FCF9FC none; - font-family: 'NotoSansRegular'; + font-family: sans-serif; font-size: 16px; } +.fonts-loaded body { + font-family: 'NotoSans'; +} + /* Sticky footer styles */ html, body { @@ -712,6 +753,7 @@ input[type="text"]:focus { > a { color: #727272; font-weight: bold; + text-shadow: none; &:hover { color: #85ca11; } --- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc +++ a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc @@ -17,9 +17,6 @@ [% END %] [% SET opaclayoutstylesheet='opac.css' UNLESS opaclayoutstylesheet %] - - - [% IF (opaclayoutstylesheet.match('^https?:|^\/')) %] --- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/opac-bottom.inc +++ a/koha-tmpl/opac-tmpl/bootstrap/en/includes/opac-bottom.inc @@ -86,6 +86,7 @@ $.widget.bridge('uitooltip', $.ui.tooltip); [% Asset.js("lib/bootstrap/js/bootstrap.min.js") %] +[% Asset.js("lib/fontfaceobserver.min.js") %] [% Asset.js("js/global.js") %]