mrkrk/metro
1
0
Fork 0
mirror of https://github.com/grey-cat-1908/metro.git synced 2024-11-11 19:07:28 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

NTSomic font

Browse source
This commit is contained in:
grey-cat-1908 2024-03-17 11:07:31 +03:00
parent c8edbf0cb1
commit 053aaaad68
4 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/App.vue
View file

@ -29,7 +29,8 @@ onMounted(() => {
<template> <template>
<div> <div>
<div class="map" id="map"></div> <div class="map" id="map"></div>
<div class="settings" id="settings"></div> <div class="settings" id="settings">
</div>
</div> </div>
</template> </template>

BIN
src/assets/NTSomic-Bold.ttf Normal file
View file

Binary file not shown.

10
src/models/map.ts
View file

@ -45,14 +45,14 @@ export class Map implements MetroMap {
let text = this.draw.text(stations[i].branch.number.toString()).fill('white').font({ size: 28}).cx(cx).cy(cy); let text = this.draw.text(stations[i].branch.number.toString()).fill('white').font({ size: 28}).cx(cx).cy(cy);
text.font({ text.font({
family: 'Onest', family: 'NTSomic',
weight: '750', weight: '750',
}) })
let naming = this.draw.text(stations[i].name).fill('black').font({ size: 25}); let naming = this.draw.text(stations[i].name).fill('black').font({ size: 25});
naming.cx(cx + 30 + (naming.bbox().width / 2)).cy(cy); naming.cx(cx + 30 + (naming.bbox().width / 2)).cy(cy);
naming.font({ naming.font({
family: 'Onest', family: 'NTSomic',
weight: '750', weight: '750',
leading: 1 leading: 1
}) })
@ -77,7 +77,7 @@ export class Map implements MetroMap {
let text = this.draw.text(stations[i].name).font({ size: 35}).cx(last + stations[i].step).cy(textPosition); let text = this.draw.text(stations[i].name).font({ size: 35}).cx(last + stations[i].step).cy(textPosition);
text.font({ text.font({
family: 'Onest', family: 'NTSomic',
weight: '750', weight: '750',
}) })
} }
@ -91,14 +91,14 @@ export class Map implements MetroMap {
let text = this.draw.text(this.branch.number.toString()).font({ size: 35}).fill('#fff').cx(50).cy(50); let text = this.draw.text(this.branch.number.toString()).font({ size: 35}).fill('#fff').cx(50).cy(50);
text.font({ text.font({
family: 'Onest', family: 'NTSomic',
weight: '750', weight: '750',
}) })
let naming = this.draw.text(this.branch.name).font({ size: 35}); let naming = this.draw.text(this.branch.name).font({ size: 35});
naming.cx(50 + 40 + (naming.bbox().width / 2)).cy(50); naming.cx(50 + 40 + (naming.bbox().width / 2)).cy(50);
naming.font({ naming.font({
family: 'Onest', family: 'NTSomic',
weight: '750', weight: '750',
}) })

5
src/style.css
View file

@ -1 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap') @font-face {
font-family: NTSomic;
src: url(./assets/NTSomic-Bold.ttf);
}