teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

補足

2021/07/16 02:42

投稿

has_k
has_k

スコア4

title CHANGED
File without changes
body CHANGED
@@ -55,4 +55,7 @@
55
55
  -webkit-font-smoothing: antialiased;
56
56
  -moz-osx-font-smoothing: grayscale;
57
57
  }
58
- ```
58
+ ```
59
+
60
+ ### 補足
61
+ サイト全体のテキスト全てに適応したいため、spanなどで個別に指定するのではなく、自動で英数字を判別して「各要素の指定サイズの102%」といった具合に動的出力したいと思っています。

1

使用フォントを追記しました。

2021/07/16 02:42

投稿

has_k
has_k

スコア4

title CHANGED
File without changes
body CHANGED
@@ -43,4 +43,16 @@
43
43
  ```
44
44
 
45
45
  JavaScript若しくはPHPを使えばいけるのかなぁと思いググりましたが、ヒットせず..
46
- どなたかご教授いただけると助かります。
46
+ どなたかご教授いただけると助かります。
47
+
48
+ ### 追記
49
+ 使用フォントはgoogle fontのMontserratとNoto Sans JPです。
50
+ 以下のようにbodyで指定して、1バイト=Montserrat、2バイト=Noto Sans JPが読まれるようにしています。
51
+ ```ここに言語名を入力
52
+ body {
53
+ font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
54
+ -webkit-text-size-adjust: 100%;
55
+ -webkit-font-smoothing: antialiased;
56
+ -moz-osx-font-smoothing: grayscale;
57
+ }
58
+ ```