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());
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.className = 'search-pulse';

View File

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

View File

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