Board font

board.js

@@ -282,7 +282,7 @@ module.exports = class Board {
     this.ctx.fillStyle = this.options.fg;
     this.ctx.textAlign = "center";
     this.ctx.textBaseline = "middle";
-    this.ctx.font = `${this.gridsize * 0.35}px ${this.options.font}`;
+    this.ctx.font = `${this.gridsize * 0.35}px ${this.options.borderFont}`;
 
     // Drawing x axis alphabetic labels
     let num = this.panX;

options.js

@@ -11,7 +11,8 @@ module.exports = class Options {
     this._gridOpacity = 0.5;
     this._edgeOpacity = 0.6;
     this._background = { image: null, offsetX: 0, offsetY: 0, zoom: 1 };
-    this._font = 'AzoSans';
+    this._tokenFont = 'AzoSans';
+    this._borderFont = 'AzoSansBold';
   }
 
   set view(value) {
@@ -62,7 +63,8 @@ module.exports = class Options {
           break;
 
         case 'f':
-          this._font = 'FleischWurst';
+          this._borderFont = 'FleischWurst';
+          this._tokenFont = 'FleischWurst';
           break;
 
         case 'h':
@@ -151,7 +153,11 @@ module.exports = class Options {
     return this._background;
   }
 
-  get font() {
-    return this._font;
+  get tokenFont() {
+    return this._tokenFont;
+  }
+
+  get borderFont() {
+    return this._borderFont;
   }
 }

overlays/token/index.js

@@ -90,7 +90,7 @@ module.exports = class TokenOverlay {
     opts.fontsize = opts.size * (8 / (opts.label.length + 4)) * 0.30;
     opts.fontcolor = this.pickTextColor(opts.color);
     opts.gridsize = this.options.cellSizePx;
-    opts.font = this.options.font;
+    opts.font = this.options.tokenFont;
 
     template(opts, ctx);
   }