Add a Unicode font to display squares, bars, and dots

dbbca80b · jojohoch · a857334c · dbbca80b · dbbca80b · dbbca80b
Commit dbbca80b authored 3 years ago by jojohoch
--- a/docs/release-notes-editor.txt
+++ b/docs/release-notes-editor.txt
 Editor
 ======
 1.24.0
- - Show arrow for slider in number line mode
+- Show arrow for slider in number line mode
+- Add a Unicode font to display squares, bars, and dots
 1.23.0
 - Fix setting of the default z-index for frames

--- a/docs/release-notes-player.txt
+++ b/docs/release-notes-player.txt
@@ -2,6 +2,7 @@ Player
 ======
 1.18.0
 - Show arrow for slider in number line mode
+- Add a Unicode font to display squares, bars, and dots
 1.17.0
 - Add animation for fixed virtual keyboard

--- a/projects/editor/src/assets/fonts/noto-sans-symbols-2-v13-symbols-regular.woff2
+++ b/projects/editor/src/assets/fonts/noto-sans-symbols-2-v13-symbols-regular.woff2
--- a/projects/editor/src/assets/notoSansSymbols2.css
+++ b/projects/editor/src/assets/notoSansSymbols2.css
+@font-face {
+  font-family: 'Roboto'; /* Extend the Roboto font family */
+  src: url(fonts/noto-sans-symbols-2-v13-symbols-regular.woff2) format('woff2');
+  unicode-range: U+2B1C, U+2758, U+2219; /* Square, Dot, Point*/
+}
--- a/projects/editor/src/html_wrapper/index.html
+++ b/projects/editor/src/html_wrapper/index.html
@@ -42,6 +42,7 @@
    <link rel="stylesheet" href="editor.css">
    <link href="editor/assets/roboto.css" rel="stylesheet">
    <link href="editor/assets/ptsans.css" rel="stylesheet">
+    <link href="editor/assets/notoSansSymbols2.css" rel="stylesheet">
    <link href="editor/assets/material-icons.css" rel="stylesheet">
  </head>
  <body>

--- a/projects/editor/src/index.html
+++ b/projects/editor/src/index.html
@@ -8,6 +8,7 @@
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="assets/roboto.css" rel="stylesheet">
  <link href="assets/ptsans.css" rel="stylesheet">
+  <link href="assets/notoSansSymbols2.css" rel="stylesheet">
  <link href="assets/material-icons.css" rel="stylesheet">
 </head>
 <body>

--- a/projects/player/src/app/components/key/key.component.html
+++ b/projects/player/src/app/components/key/key.component.html
@@ -3,6 +3,7 @@
    mat-mini-fab
    class="key"
    [class.fixed-keyboard-key]="position === 'right'"
+    [style.font-weight]="preset==='squareDashDot' ? 400: null"
    [class.not-last-key]="!last"
    [class.oval-floating-keyboard-key]="oval && position === 'floating'"
    [class.oval-fixed-keyboard-key]="oval && position !== 'floating'"

--- a/projects/player/src/app/components/key/key.component.ts
+++ b/projects/player/src/app/components/key/key.component.ts
 import {
  Component, EventEmitter, Input, Output
 } from '@angular/core';
+import { InputAssistancePreset } from '../../../../../common/models/uI-element';
 @Component({
  selector: 'app-key',
@@ -12,6 +13,7 @@ export class KeyComponent {
  @Input() oval!: boolean;
  @Input() position!: 'floating' | 'right';
  @Input() last!: boolean;
+  @Input() preset!: InputAssistancePreset;
  @Output() enterKey = new EventEmitter<string>();
 }
--- a/projects/player/src/app/components/math-keyboard/math-keyboard.component.html
+++ b/projects/player/src/app/components/math-keyboard/math-keyboard.component.html
@@ -2,6 +2,7 @@
  <ng-container *ngFor="let key of row; let lastRowKey = last">
    <app-key
        [key]="key"
+        [preset]="preset"
        [last]="!last && lastRowKey"
        [position]="position"
        (enterKey)="enterKey.emit($event)">

--- a/projects/player/src/assets/fonts/noto-sans-symbols-2-v13-symbols-regular.woff2
+++ b/projects/player/src/assets/fonts/noto-sans-symbols-2-v13-symbols-regular.woff2
--- a/projects/player/src/assets/notoSansSymbols2.css
+++ b/projects/player/src/assets/notoSansSymbols2.css
+@font-face {
+  font-family: 'Roboto'; /* Extend the Roboto font family */
+  src: url(fonts/noto-sans-symbols-2-v13-symbols-regular.woff2) format('woff2');
+  unicode-range: U+2B1C, U+2758, U+2219; /* Square, Dot, Point*/
+}
--- a/projects/player/src/html_wrapper/index.html
+++ b/projects/player/src/html_wrapper/index.html
@@ -46,6 +46,7 @@
  <link rel="stylesheet" href="player.css">
  <link href="player/assets/roboto.css" rel="stylesheet">
  <link href="player/assets/ptsans.css" rel="stylesheet">
+  <link href="player/assets/notoSansSymbols2.css" rel="stylesheet">
  <link href="player/assets/material-icons.css" rel="stylesheet">
 </head>
 <body>

--- a/projects/player/src/index.html
+++ b/projects/player/src/index.html
@@ -41,6 +41,7 @@
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="assets/roboto.css" rel="stylesheet">
  <link href="assets/ptsans.css" rel="stylesheet">
+  <link href="assets/notoSansSymbols2.css" rel="stylesheet">
  <link href="assets/material-icons.css" rel="stylesheet">
 </head>
 <body>