Skip to content

Commit

Permalink
[INTERNAL] "72" Font: define the characters that are supported by the…
Browse files Browse the repository at this point in the history 
… reduced size version

- now it's switched from the forbidden list to the allowed list for
  the reduced size version of the "72" font so that we only need to
  define the characters that are supported by the reduced size version
  and not to forward all the characters that can't be displayed
  correctly by the reduced size version to the full version

BCP: 2370034157
Change-Id: I9eb706b1b89185981d944f756d9f1c524dd305dd
  • Loading branch information
@stopcoder
stopcoder committed Jun 27, 2023
1 parent b738c29 commit 17b3ae4
Show file tree
Hide file tree
Showing 11 changed files with 85 additions and 951 deletions.
89 changes: 7 additions & 82 deletions src/themelib_sap_belize/src/sap/ui/core/themes/sap_belize/shared.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -214,6 +214,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
font-weight: 400;
src: url('fonts/72-Regular.woff2') format('woff2'),
local('72');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -229,6 +230,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
font-weight: 700;
src: url('fonts/72-Bold.woff2') format('woff2'),
local('72-Bold');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -244,6 +246,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
font-weight: 300;
src: url('fonts/72-Light.woff2') format('woff2'),
local('72-Light');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -258,6 +261,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
font-style: normal;
src: url('fonts/72-Bold.woff2') format('woff2'),
local('72-Bold');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -271,6 +275,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
font-style: normal;
src: url('fonts/72-Light.woff2') format('woff2'),
local('72-Light');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -283,6 +288,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
font-family: '72Mono';
src: url('fonts/72Mono-Regular.woff2') format('woff2'),
local('72Mono');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -294,91 +300,10 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
font-family: '72Mono-Bold';
src: url('fonts/72Mono-Bold.woff2') format('woff2'),
local('72Mono-Bold');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
font-family: '72Mono-Boldfull';
src: url('fonts/72Mono-Bold-full.woff2') format('woff2');
}

/**
* Browsers synthesizes glyphs that have multiple diacritics from the basic glyphs. Some glyphs don't look right after
* browsers' synthesis. Those glyphs need to be redirected to "72-full" where they are supported.
*
* Moreover, the diacritic Caron has a special vertical form used on tall characters. Those tall characters with Caron
* aren't covered by the font '72' but browsers synthesize the letter without diacritic with the * standard combining
* Caron (U+030C) which leads to the wrong display of those characters. Because those characters are * covered by the
* '72-full' font, they are redirected to that font as well for being correctly displayed.
*
* U+0106: Ć
* U+0108: Ĉ
* U+010C: Č
* U+010F: ď
* U+013D-013E: Ľ, ľ
* U+0143: Ń
* U+0147-0148: Ň, ň
* U+0154: Ŕ
* U+0158: Ř
* U+015A: Ś
* U+015C-015D: Ŝ, ŝ
* U+0164-0165: Ť, ť
* U+0168-0169: Ũ, ũ
* U+016E-016F: Ů, ů
* U+0174-0177: Ŵ, ŵ, Ŷ, ŷ
* U+0179: Ź
* U+1EA4-1EA7: Ấ, ấ, Ầ, ầ
* U+1EAA-1EAB: Ẫ, ẫ
* U+1EBC-1EC1: Ẽ, ẽ, Ế, ế, Ề, ề
* U+1EC4-1EC5: Ễ, ễ
* U+1ED0-1ED3: Ố, ố, Ồ, ồ
* U+1ED6-1ED7: Ỗ, ỗ
*/
@font-face {
font-family: '72';
font-style: normal;
font-weight: 400;
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72-Regular-full.woff2') format('woff2');
}

@font-face {
font-family: '72';
font-style: normal;
font-weight: 700;
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72-Bold-full.woff2') format('woff2');
}

@font-face {
font-family: '72';
font-style: normal;
font-weight: 300;
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72-Light-full.woff2') format('woff2');
}

@font-face {
font-family: '72-Bold';
font-style: normal;
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72-Bold-full.woff2') format('woff2');
}

@font-face {
font-family: '72-Light';
font-style: normal;
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72-Light-full.woff2') format('woff2');
}

@font-face {
font-family: '72Mono';
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72Mono-Regular-full.woff2') format('woff2');
}

@font-face {
font-family: '72Mono-Bold';
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72Mono-Bold-full.woff2') format('woff2');
}
89 changes: 7 additions & 82 deletions src/themelib_sap_belize/src/sap/ui/core/themes/sap_belize_hcb/shared.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,7 @@
font-weight: 400;
src: url('fonts/72-Regular.woff2') format('woff2'),
local('72');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -88,6 +89,7 @@
font-weight: 700;
src: url('fonts/72-Bold.woff2') format('woff2'),
local('72-Bold');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -103,6 +105,7 @@
font-weight: 300;
src: url('fonts/72-Light.woff2') format('woff2'),
local('72-Light');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -117,6 +120,7 @@
font-style: normal;
src: url('fonts/72-Bold.woff2') format('woff2'),
local('72-Bold');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -130,6 +134,7 @@
font-style: normal;
src: url('fonts/72-Light.woff2') format('woff2'),
local('72-Light');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -142,6 +147,7 @@
font-family: '72Mono';
src: url('fonts/72Mono-Regular.woff2') format('woff2'),
local('72Mono');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
Expand All @@ -153,91 +159,10 @@
font-family: '72Mono-Bold';
src: url('fonts/72Mono-Bold.woff2') format('woff2'),
local('72Mono-Bold');
unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
}

@font-face {
font-family: '72Mono-Boldfull';
src: url('fonts/72Mono-Bold-full.woff2') format('woff2');
}

/**
* Browsers synthesizes glyphs that have multiple diacritics from the basic glyphs. Some glyphs don't look right after
* browsers' synthesis. Those glyphs need to be redirected to "72-full" where they are supported.
*
* Moreover, the diacritic Caron has a special vertical form used on tall characters. Those tall characters with Caron
* aren't covered by the font '72' but browsers synthesize the letter without diacritic with the * standard combining
* Caron (U+030C) which leads to the wrong display of those characters. Because those characters are * covered by the
* '72-full' font, they are redirected to that font as well for being correctly displayed.
*
* U+0106: Ć
* U+0108: Ĉ
* U+010C: Č
* U+010F: ď
* U+013D-013E: Ľ, ľ
* U+0143: Ń
* U+0147-0148: Ň, ň
* U+0154: Ŕ
* U+0158: Ř
* U+015A: Ś
* U+015C-015D: Ŝ, ŝ
* U+0164-0165: Ť, ť
* U+0168-0169: Ũ, ũ
* U+016E-016F: Ů, ů
* U+0174-0177: Ŵ, ŵ, Ŷ, ŷ
* U+0179: Ź
* U+1EA4-1EA7: Ấ, ấ, Ầ, ầ
* U+1EAA-1EAB: Ẫ, ẫ
* U+1EBC-1EC1: Ẽ, ẽ, Ế, ế, Ề, ề
* U+1EC4-1EC5: Ễ, ễ
* U+1ED0-1ED3: Ố, ố, Ồ, ồ
* U+1ED6-1ED7: Ỗ, ỗ
*/
@font-face {
font-family: '72';
font-style: normal;
font-weight: 400;
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72-Regular-full.woff2') format('woff2');
}

@font-face {
font-family: '72';
font-style: normal;
font-weight: 700;
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72-Bold-full.woff2') format('woff2');
}

@font-face {
font-family: '72';
font-style: normal;
font-weight: 300;
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72-Light-full.woff2') format('woff2');
}

@font-face {
font-family: '72-Bold';
font-style: normal;
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72-Bold-full.woff2') format('woff2');
}

@font-face {
font-family: '72-Light';
font-style: normal;
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72-Light-full.woff2') format('woff2');
}

@font-face {
font-family: '72Mono';
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72Mono-Regular-full.woff2') format('woff2');
}

@font-face {
font-family: '72Mono-Bold';
unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
src: url('fonts/72Mono-Bold-full.woff2') format('woff2');
}
Loading

0 comments on commit 17b3ae4

Please sign in to comment.