Add local MapLibre glyph fonts under web and use them in OSM Liberty style.
CI / test (push) Successful in 4s

Commit bundled PBF font ranges in web/fonts and point the style glyph template to local files to avoid external glyph 404s.

Made-with: Cursor
This commit is contained in:
2026-03-02 22:08:01 +00:00
parent 26de435ff1
commit 2d1d93c455
4861 changed files with 75312 additions and 1 deletions
@@ -0,0 +1,3 @@
@import "../../mixins";
.roboto-font('roboto-condensed', 'Roboto-Condensed', 'BoldItalic', 700, italic);
@@ -0,0 +1,3 @@
@import "../../mixins";
.roboto-font('roboto-condensed', 'Roboto-Condensed', 'Bold', 700, normal);
@@ -0,0 +1,3 @@
@import "../../mixins";
.roboto-font('roboto-condensed', 'Roboto-Condensed', 'LightItalic', 300, italic);
@@ -0,0 +1,3 @@
@import "../../mixins";
.roboto-font('roboto-condensed', 'Roboto-Condensed', 'Light', 300, normal);
@@ -0,0 +1,3 @@
@import "../../mixins";
.roboto-font('roboto-condensed', 'Roboto-Condensed', 'RegularItalic', 400, italic);
@@ -0,0 +1,3 @@
@import "../../mixins";
.roboto-font('roboto-condensed', 'Roboto-Condensed', 'Regular', 400, normal);
@@ -0,0 +1,6 @@
@import "roboto-condensed-fontface-regular";
@import "roboto-condensed-fontface-regular-italic";
@import "roboto-condensed-fontface-light";
@import "roboto-condensed-fontface-light-italic";
@import "roboto-condensed-fontface-bold";
@import "roboto-condensed-fontface-bold-italic";
@@ -0,0 +1,71 @@
@font-face {
font-family: "Roboto-Condensed";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Roboto-Condensed-Regular";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff") format("woff");
}
@font-face {
font-family: "Roboto-Condensed";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff") format("woff");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Roboto-Condensed-RegularItalic";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff") format("woff");
}
@font-face {
font-family: "Roboto-Condensed";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-Light.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto-Condensed-Light";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-Light.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Light.woff") format("woff");
}
@font-face {
font-family: "Roboto-Condensed";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff") format("woff");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Roboto-Condensed-LightItalic";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff") format("woff");
}
@font-face {
font-family: "Roboto-Condensed";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Roboto-Condensed-Bold";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff") format("woff");
}
@font-face {
font-family: "Roboto-Condensed";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff") format("woff");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Roboto-Condensed-BoldItalic";
src: url("../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff") format("woff");
}
@@ -0,0 +1,3 @@
@import "../../mixins";
@include roboto-font('roboto-condensed', 'Roboto-Condensed', 'BoldItalic', 700, italic);
@@ -0,0 +1,3 @@
@import "../../mixins";
@include roboto-font('roboto-condensed', 'Roboto-Condensed', 'Bold', 700, normal);
@@ -0,0 +1,3 @@
@import "../../mixins";
@include roboto-font('roboto-condensed', 'Roboto-Condensed', 'LightItalic', 300, italic);
@@ -0,0 +1,3 @@
@import "../../mixins";
@include roboto-font('roboto-condensed', 'Roboto-Condensed', 'Light', 300, normal);
@@ -0,0 +1,3 @@
@import "../../mixins";
@include roboto-font('roboto-condensed', 'Roboto-Condensed', 'RegularItalic', 400, italic);
@@ -0,0 +1,3 @@
@import "../../mixins";
@include roboto-font('roboto-condensed', 'Roboto-Condensed', 'Regular', 400, normal);
@@ -0,0 +1,6 @@
@import "roboto-condensed-fontface-regular";
@import "roboto-condensed-fontface-regular-italic";
@import "roboto-condensed-fontface-light";
@import "roboto-condensed-fontface-light-italic";
@import "roboto-condensed-fontface-bold";
@import "roboto-condensed-fontface-bold-italic";