Prevent OL from loading webfonts for our default font

* Fixes flash of bold text on app launch
* Fixes Noto Sans being used instead of system font where not available
This commit is contained in:
2026-04-02 11:42:19 +04:00
parent 9d06898b15
commit 2a3ad26eb9
3 changed files with 8 additions and 4 deletions

View File

@@ -284,7 +284,9 @@ export default class MapComponent extends Component {
const initialCenter = toLonLat(view.getCenter()); const initialCenter = toLonLat(view.getCenter());
this.mapUi.updateCenter(initialCenter[1], initialCenter[0]); this.mapUi.updateCenter(initialCenter[1], initialCenter[0]);
apply(this.mapInstance, 'https://tiles.openfreemap.org/styles/liberty'); apply(this.mapInstance, 'https://tiles.openfreemap.org/styles/liberty', {
webfonts: 'data:text/css,',
});
this.searchOverlayElement = document.createElement('div'); this.searchOverlayElement = document.createElement('div');
this.searchOverlayElement.className = 'search-pulse'; this.searchOverlayElement.className = 'search-pulse';

View File

@@ -55,7 +55,7 @@ export default class UserMenuComponent extends Component {
</div> </div>
<div class="account-status"> <div class="account-status">
{{#if @storage.connected}} {{#if @storage.connected}}
{{@storage.userAddress}} <strong>{{@storage.userAddress}}</strong>
{{else}} {{else}}
Not connected Not connected
{{/if}} {{/if}}
@@ -84,7 +84,7 @@ export default class UserMenuComponent extends Component {
</div> </div>
<div class="account-status"> <div class="account-status">
{{#if this.osmAuth.isConnected}} {{#if this.osmAuth.isConnected}}
{{this.osmAuth.userDisplayName}} <strong>{{this.osmAuth.userDisplayName}}</strong>
{{else}} {{else}}
Not connected Not connected
{{/if}} {{/if}}

View File

@@ -14,6 +14,8 @@ html,
body { body {
height: 100%; height: 100%;
overscroll-behavior: none; /* Prevent pull-to-refresh on mobile */ overscroll-behavior: none; /* Prevent pull-to-refresh on mobile */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }
@@ -26,6 +28,7 @@ body {
margin: 0; margin: 0;
font-family: 'Noto Sans', sans-serif; font-family: 'Noto Sans', sans-serif;
font-size: 16px; font-size: 16px;
font-weight: normal;
color: #333; color: #333;
} }
@@ -246,7 +249,6 @@ body {
.account-status { .account-status {
font-size: 0.85rem; font-size: 0.85rem;
font-weight: bold;
color: #898989; color: #898989;
margin-top: 0.35rem; margin-top: 0.35rem;
margin-left: calc(18px + 0.75rem); margin-left: calc(18px + 0.75rem);