ed
/
ed.brz9.dev
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

spacemono added

This commit is contained in:
ed barz 2024-02-29 14:19:55 +01:00
parent 019ea85e19
commit e4ad517e33
1 changed files with 34 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
proj/fonts/fonts.js
View File

@ -1,8 +1,8 @@
Vue.component('fontpicker', {
template: `
<span
class="style-pick"
v-on:click="toggle"
<span
class="style-pick"
v-on:click="toggle"
v-bind:class="{ 'tagged': tag.isTrue}">
<slot></slot>
</span>
@ -14,41 +14,41 @@ Vue.component('fontpicker', {
this.tag.isTrue = !this.tag.isTrue
}
}
})
})
Vue.component('fontdemo', {
template: `
<div class="single-font" v-show="typeface.tags.some(o => o.isTrue === true) || fresh">
<p :style="{
'font-family': typeface.name,
'font-size' : this.fontSize,
'font-weight' : this.fontWeight,
<p :style="{
'font-family': typeface.name,
'font-size' : this.fontSize,
'font-weight' : this.fontWeight,
'font-style' : this.fontStyle
}">
<slot></slot>
</p>
<footer>
<section class="font-weights">
<span
v-for="weight in weights"
:style="{ 'font-weight': weight }"
<span
v-for="weight in weights"
:style="{ 'font-weight': weight }"
v-on:click="setWeight(weight)"
>{{ weight }}</span>
<span
<span
v-if="hasItalic"
class="brz9-icon-italic"
class="brz9-icon-italic"
v-on:click="fontStyle = fontStyle == 'normal' ? 'italic' : 'normal'"
></span>
</section>
<section class="font-name">
<span class="font-name">{{ typeface.name }} - </span>
<span class="copy-css" v-on:click="copyToClipboard()">Copy CSS Link import</span>
<span
class="copy-icon-popup"
v-bind:class="{ 'success': isCopied}"
<span
class="copy-icon-popup"
v-bind:class="{ 'success': isCopied}"
ref="element">Copied!</span>
</section>
</footer>
@ -71,7 +71,7 @@ Vue.component('fontdemo', {
return this.size + "rem";
}
},
methods: {
methods: {
copyToClipboard() {
let text = this.linkText + this.typeface.name.toLowerCase() + ".css" + this.linkTextEnd;
const textarea = document.createElement('textarea')
@ -93,7 +93,7 @@ Vue.component('fontdemo', {
}
},
mounted() {
this.weights = this.typeface.fonts.filter(function(weight) {
this.weights = this.typeface.fonts.filter(function(weight) {
return weight.indexOf("i") == -1;
});
this.weights.sort(function(a, b) {
@ -1137,6 +1137,18 @@ let vm = new Vue({
"commercial": false,
"open": false,
},
spacemono : {
"name": "SpaceMono",
"fonts" : [
],
"tags" : ["mono"],
"link" : "https://www.colophon-foundry.org/custom-projects/space-mono",
"creator" : "Colophon Foundry",
"creatorLink" : "https://www.colophon-foundry.org/",
"licence" : "SIL",
"commercial" : true,
"open": true,
},
surfingcapital : {
"name": "SurfingCapital",
"fonts": [
@ -1319,6 +1331,7 @@ let vm = new Vue({
this.resin,
this.montrappist,
this.hamletcicero,
this.spacemono,
this.imposible,
this.grobedeutschmeister,
this.theboldfont,
@ -1402,7 +1415,7 @@ let vm = new Vue({
this.blankenburg.tags = [this.taglist.display, this.taglist.goth]
this.blazed.tags = [this.taglist.display, this.taglist.graphic]
this.bondi.tags = [this.taglist.display, this.taglist.allcaps]
this.boston.tags = [this.taglist.display, this.taglist.retro]
this.boston.tags = [this.taglist.display, this.taglist.retro]
this.catreporter.tags = [this.taglist.display, this.taglist.comic]
this.canobis.tags = [this.taglist.display, this.taglist.fancy, this.taglist.artnouv]
this.cherish.tags = [this.taglist.display, this.taglist.hand]
@ -1452,6 +1465,7 @@ let vm = new Vue({
this.rousseaudeco.tags = [this.taglist.display, this.taglist.fancy, this.taglist.artnouv]
this.saintregus.tags = [this.taglist.display]
this.sonderregular.tags = [this.taglist.display, this.taglist.fancy]
this.spacemono.tags = [this.taglist.mono]
this.surfingcapital.tags = [this.taglist.graphic]
this.theboldfont.tags = [this.taglist.display, this.taglist.allcaps]
this.theater.tags = [this.taglist.display, this.taglist.allcaps, this.taglist.condensed]