/
5.txt
613 lines (454 loc) · 43 KB
/
5.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
[86] [DFN[[CODE(CSS)@en[font-family]]]] は、
[[フォント名]]を指定する[[プロパティー]]です。
[83]
[FIG(short list)[
- [CODE[system-ui]]
- [CODE[-apple-system]]
- [CODE[BlinkMacSystemFont]]
]FIG]
- [1] [CODE(CSS)[mono]] などという値は存在しないわけだが。
- [2] >>1 単に書体名「[CODE[mono]]」が指定されただけだから問題ないか。
[3]
Word 9, 10 は [CODE(CSS)[font-family]] のほか、 [CODE(CSS)[mso-[VAR[*]]-font-family]] を大量に指定してみたり、 [CODE(CSS)[@[[font-face]]]] 規則でフォントの詳細を指定してみたりしますが、
Excel 9, 10 は単純に
[SAMP(CSS)[font-family:"MS Gothic", monospace;]]
のようにフォント名と総称名を指定するだけです。 [SAMP(CSS)[[[mso-font-charset]]]] (Word では [CODE(CSS)[@font-face]] で指定) も一緒に指定されています。
([[名無しさん]] [sage])
[4]
[CITE[標準以外の日本語フォント / もうパンツはかない]] <http://aor.ktplan.jp/fonts/nsfonts>
[CITE[CSSで使われるフォント / もうパンツはかない]] <http://aor.ktplan.jp/fonts/cssfonts>
[5]
[SAMP(CSS)[font-family: -moz-fixed;]]
[5]
[CITE[等幅フォントのリストとサンプル]] <http://useyan.x0.com/s/html/mono-font.htm>
([[名無しさん]] [WEAK[2005-05-04 08:17:04 +00:00]])
[6]
[CITE[Travellers Tale: スタイルシートでのフォントの名前]] <http://homepage.mac.com/travellers/blog/C859012508/E1185390041/>
([[名無しさん]] [WEAK[2006-01-06 02:59:07 +00:00]])
[7]
[CODE(CSS)@en[[[-webkit-body]]]]
([[名無しさん]] [sage])
[8]
[CITE[hail2u.net - Weblog - CSSで指定するフォント]] <http://hail2u.net/blog/webdesign/font-in-css.html>
([[名無しさん]] [WEAK[2006-09-19 02:22:57 +00:00]])
[9]
[CITE[webデザイナーのナナメガキ: CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係]] ([CODE[2007-02-18 12:51:03 +09:00]] 版) <http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html>
([[名無しさん]] [WEAK[2007-02-23 15:06:00 +00:00]])
[10]
>>9 なんでわざわざデフォルトフォントを指定するためにこんな苦労してるのかよくわからん
([[名無しさん]] [WEAK[2007-02-23 15:07:32 +00:00]])
[11]
[CITE[Hatena::agenda - CSS font-familyプロパティについて一言]] ([CODE[2007-05-21 21:08:28 +09:00]] 版) <http://d.hatena.ne.jp/jintrick/20070521>
([[名無しさん]] [WEAK[2007-05-25 00:33:52 +00:00]])
[12]
[CITE@ja[Win Safariで日本語フォントを指定する方法β | Blog hamashun.com]] ([CODE[2007-06-12 11:17:50 +09:00]] 版) <http://www.hamashun.com/blog/2007/06/win_safari.html>
([[名無しさん]] [WEAK[2007-06-12 12:24:45 +00:00]])
[13]
[CITE[Linux版Operaのギザギザフォント解消:メモランダム]] ([CODE[2007-06-28 00:28:33 +09:00]] 版) <http://mynotes.jp/blog/2007/06/linuxopera_font>
([[名無しさん]] [WEAK[2007-06-29 13:42:28 +00:00]])
[14]
[CITE@ja[Shishimushi - font-family:]] ([CODE[2007-10-18 21:36:52 +09:00]] 版) <http://kawatarou.info/note/opera/font_family.htm>
([[名無しさん]])
[15]
[CITE[Movable Type de UTF-8 '''['''dh memoranda''']''']] ([CODE[2007-10-18 21:44:29 +09:00]] 版) <http://uva.jp/dh/mt/archives/000191.html>
> .comments-body textarea {
font-family: none
}
> ってやってみました。上手くうごくのか、手元に環境がないので試すことができません。むむー。
> だめみたいです。。。
font-familyで日本語フォントを指定するのはダメなのですか?
([[名無しさん]])
[16]
[CODE(CSS)@en[[[font-family]]]] の値 [CODE(CSS)@en[[[none]]]]
についてですが、それなりに使われているようではありますが、
対応している [[Webブラウザ]]はないように見えます (単に未知の[[フォント名]]として扱われるというのが仕様通りの動作)。
扱っている解説の類も見つかりません。
([[名無しさん]] [WEAK[2007-10-18 12:53:48 +00:00]])
[17]
[[WinIE 6]] の [CODE(CSS)@en[[[font-family]]]] [[特性値]]の[[構文解析]]は[[カオス]]です:
([[名無しさん]])
[18]
[[引用符]]なしのごく普通な指定:
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20Courier%20New%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3EREF%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
思った通りに解釈してくれます。
([[名無しさん]])
[19]
[[引用符]]なしで [CODE(charname)@en[[[SPACE]]]] を余分に指定
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20Courier%20%20New%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3EREF%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
余分な [CODE(charname)@en[[[SPACE]]]] まで[[文字列]]の一部とみなす ([[CSSOM]] 上の値。) ため、
そんな[[フォント]]はないということで[[レンダリング]]上は無視されてしまいます。
([[名無しさん]])
[20]
[[引用符]]なしで[[空白]]部に[[注釈]]を含める
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20Courier%2F**%2F%20New%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3EREF%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
[[注釈]]を無視したものが[[CSSOM]]上の値になります (期待通りの動作)。
([[名無しさん]])
[21]
>>20 のバリエーション
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20Courier%20%2F**%2FNew%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3EREF%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
これも期待通りの動作。
([[名無しさん]])
[22]
[[引用符]]なしで、後に余分な[[空白]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20Courier%20New%20%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3EREF%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
余分な[[空白]]は無視されます (期待通りの動作)。
([[名無しさん]])
[23]
[[引用符]]つきのオーソドックスな指定
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3EREF%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
期待通りの[[レンダリング]]。[[CSSOM]] 上の ([CODE(DOMa)@en[[[fontFamily]]]]
[[特性]]の) 値は[[引用符]]つきになります。
([[名無しさん]])
[24]
[[引用符]]つき、[[空白]]が1つ余分
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20%20New%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3EREF%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
>>19 の[[引用符]]つき。[[CSSOM]] 上の値も >>19 の[[引用符]]つきになります。
こちらは期待通りの動作。
([[名無しさん]])
[25]
[[引用符]]なし、[[フォント名]]の途中に[[注釈]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20Courie%2F**%2Fr%20New%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3EREF%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
[[注釈]]を無視したものが [[CSSOM]] 上や[[レンダリング]]時に使われる値になります。
[[CSS 2.1]] 仕様上はこの指定をどう処理するのが正しいのか明確ではありません (書かれている通りに解釈するなら、[[WinIE]] の動作で正しい)。
[[Firefox]] 2 は [[WinIE 6]] 同様[[注釈]]を無視します。 [[Opera]] 9 は[[宣言]]全体を[[無視]]します。
([[名無しさん]])
[26]
[[引用符]]つき、[[注釈]]のような[[文字列]]が含まれる
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courie%2F**%2Fr%20New%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3EREF%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
>>25 の[[引用符]]つき。さすがにこれは[[注釈]]のような部分も[[フォント名]]とみなされます
(期待通りの動作)。
([[名無しさん]])
[27]
[[引用符]]なし、[[escape]] あり
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20Courier%20%5CNew%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
期待通りに動作します。
([[名無しさん]])
[28]
[[引用符]]あり、 [[escape]] あり
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20%5CNew%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
>>27 の[[引用符]]あり。期待通りに動作します。
([[名無しさん]])
[29]
[[アポストロフィ]]ありのオーソドックスなもの
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20'Courier%20New'%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
期待通り動作します。 [[CSSOM]] 上の値も[[アポストロフィ]]つきになります。
([[名無しさん]])
[30]
[[空白]]を[[escape]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%5C%20New%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
なぜか [[CSSOM]] 上の値に [CODE(CSS)[[[\]]]] が残ります。
[[レンダリング]]にもその値が使われるらしく、
そんな[[フォント]]はないので無視されています。
([[名無しさん]])
[31]
[[引用符]]あり、末尾に余分な[[空白]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%20%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
[[文字列]]の中身のところに余分な[[空白]]が入っていまして、
[[CSSOM]] 上もそれが保持されていますが、[[レンダリング]]上は無視されています
([[空白]]を除去した[[フォント名]]が使われています)。
([[名無しさん]])
[32]
[[引用符]]あり、先頭に余分な[[空白]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22%20Courier%20New%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
こちらは [[CSSOM]] 上も[[レンダリング]]上も[[空白]]が無視されず、そんな[[フォント]]ないということで[[レンダリング]]上無視されています。
([[名無しさん]])
[33]
[[引用符]]あり、末尾に余分な [CODE(charname)@en[[[HT]]]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%5C09%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
>>31 とは異なり、[[空白]]が無視されません。
([[名無しさん]])
[34]
[[引用符]]あり、末尾に余分な[[空白]]複数
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%20%20%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
>>31 同様、[[レンダリング]]上無視されます。
([[名無しさん]])
[35]
[[引用符]]あり、末尾に余分な[[空白]]複数
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%20%20%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
>>31 同様、[[レンダリング]]上無視されます。
([[名無しさん]])
[36]
[[引用符]]あり、末尾に余分な[[空白]]複数
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%20%20%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
>>31 同様、[[レンダリング]]上無視されます。
([[名無しさん]])
[37]
[[引用符]]あり、末尾に [[escape]] された余分な[[空白]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%5C20%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
>>31 同様、[[レンダリング]]上無視されます。
([[名無しさん]])
[38]
[[引用符]]の外に余分な文字列
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22aaa%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
[[CSSOM]] 上には全部反映されますが、外の部分は[[レンダリング]]上無視されているようです。
([[名無しさん]])
[39]
[[引用符]]の外に余分な[[文字列]]や[[引用符]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22aaa%22bbb%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
>>38 同様。[[レンダリング]]上は最初の[[引用符]]で囲まれた部分だけが用いられているようです。
([[名無しさん]])
[40]
[[引用符]]の前に余分な文字列
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20aaa%22Courier%20New%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
[[CSSOM]] 上は全部残り、[[レンダリング]]上は無視されています。
([[名無しさん]])
[41]
>>40 の[[引用]]されている部分を逆転
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22aaa%22Courier%20New%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
[[CSSOM]] 上は全部残り、[[レンダリング]]上は[[引用]]されていない方が使われています。
([[名無しさん]])
[42]
[[引用符]]つきのを前後に配置してみた
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22aaa%22Courier%20New%22bbb%22%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
[[CSSOM]] 上は全部残り、[[レンダリング]]上は全部無視されています。
([[名無しさん]])
[43]
[[引用符]]が閉じられていない
<http://suika.fam.cx/gate/2007/cssom/viewer?c=.ref%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%22%3B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-size%3A%2030px%3B%0D%0A%20%20font-family%3A%20%22Times%20New%20Roman%22%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20font-family%3A%20%22Courier%20New%0D%0A%20%20%3B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D%0D%0A;h=%3Cp%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0D%0A%3Cdiv%20class%3Dref%3ECOMPARE%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2F%3C%2Fdiv%3E;p=n;x=style-element>
その後全部を飲み込んでいます。
([[名無しさん]])
[44]
[[Opera]] 9 ([[Win32]] 版) の場合、[[CSSOM]] に現れる値は:
- その[[システム]]上に存在しない[[フォント名]]は指定されなかったことになります。[[区切子]]の[[読点]]があれば、それも含めて除去されます。その結果[[特性値]]が[[空文字列]]になることもあります。
- ただし、複数の[[フォント名]]が指定された場合で、後ろの方の[[フォント名]]が存在するものの場合には、その前の[[読点]]は残ります。 (例えば [CODE(CSS)@en[unknown,known]] は [CODE(CSS)@en[, known]] になります。)
- [[日本語]]の[[フォント名]]がある[[フォント]]の場合、その[[フォント]]の[[英語]]の[[フォント名]]は存在しない[[フォント名]]と見なされるようです。
- [[フォント名]]の[[大文字]]・[[小文字]]は実際のものに合わせて[[正規化]]されます。
すべての [[Unicode]] [[文字]]かどうかは定かではありませんが、少なくても
[CODE(charname)@en[[[FULLWIDTH LATIN SMALL LETTER M]]]] などは[[大文字]]に変換されました。
- [[フォント名]]に [CODE(charname)@en[[[SPACE]]]] が含まれていると、
[CODE(CSS)[[["]]]] で括られます。そうでない[[フォント名]]は括られていても除去されます。
ただしその他の[[空白]]や [CODE(CSS)[[[\]]]] が含まれているとどうなるのかは未検証
(そんな[[フォント]]がないので・・・) です。
- [[フォント名]]の区切りは [CODE(CSS)[[[,]]]] のあと1つだけ
[CODE(charname)@en[[[SPACE]]]] に[[正規化]]されます。
- [[共通族名]]の後に[[フォント名]]が続いていたり、同じ[[フォント名]]が複数表れていたりしても特別な処理はしないようです。
- [[注釈]]があるとその[[フォント名]]は存在しないものとされます ([[注釈]]も[[フォント名]]の一部とみなしている?)。
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20Courier%20%2F**%2FNew%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element>
- 括られていない[[フォント名]]の途中の[[空白]]が (本来1文字なのに) 複数文字あると、
その[[フォント名]]が存在しないものとされます ([[空白]]全部[[フォント名]]とみなしてる?)。
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20Courier%20%20New%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element>
([[名無しさん]])
[45]
>>44
- [[空白]]の部分に [CODE(茶rname)@en[[[HT]]]] を使った場合も、やはりその[[フォント名]]が存在しないものとされます。
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20Courier%09New%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element>
([[名無しさん]])
[46]
>>44
- [CODE(CSS)[[[IDENT]]]] の後に [CODE(CSS)[[[STRING]]]] が続くと、その[[フォント名]]が存在しないものと見なされます。 ([[引用符]]も含めた[[フォント名]]か何かを探している可能性はあります。なんにせよ、[[宣言]]自体は[[無視]]されません。)
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20Courier%20%22New%22%3B%0D%0A%7D%0D%0A%0D%0A%0D%0A;h=;p=n;x=style-element>
- 逆に [CODE(CSS)[[[STRING]]]] の後に [CODE(CSS)[[[IDENT]]]] が続くと、
勝手に間に[[読点]]を補うようです。
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20%0D%0A%20%20font-family%3A%20%22Courier%22%20Courier%3B%0D%0A%7D%0D%0A%0D%0A%0D%0A;h=;p=n;x=style-element>
([[名無しさん]])
[47]
[[Firefox]] 2 にはこのような[[奇癖]]はほとんどないようです。ただし >>46 の2つの場合にはどちらも勝ってに間に[[読点]]を補います。
[[CSSOM]] に現れる値が括られているか否かは、元々の指定で括られていたかだけに依存するようです。他の[[特性]]同様、 [CODE(CSS)[[[IDENT]]]] で使える[[文字]]か否かなどはまったく気にしていません。
区切りの[[読点]]の前後の[[空白]]は除去されます。
([[名無しさん]])
[48]
[[WinIE 6]] と [[Firefox]] 2 では、[[読点]]と[[読点]]の間や先頭と[[読点]]の間や[[読点]]と末尾の間に
[CODE(CSS)[[[IDENT]]]] や [CODE(CSS)[[[STRING]]]] が1つもなくても構いません。
[[Firefox]] 2 では [[CSSOM]] 上の値では除去されています。
[[WinIE 6]] では [[CSSOM]] 上にも残ります。
[[Opera]] 9 はそのような場合に[[宣言]]ごと[[無視]]されます。
[[Firefox]] 2 でも、[[読点]]すら含まれていないと[[宣言]]ごと[[無視]]されます。
[[WinIE 6]] は完全に[[空文字列]]でも[[無視]]されません。
[[Firefox]] 2 では最低1つは[[フォント名]]が含まれていなければ[[無視]]されます。
([[名無しさん]])
[49]
[[WinIE 6]] と [[Firefox]] 2 では、[[読点]]と[[読点]]の間や先頭と[[読点]]の間や[[読点]]と末尾の間に
[CODE(CSS)[[[IDENT]]]] や [CODE(CSS)[[[STRING]]]] が1つもなくても構いません。
[[Firefox]] 2 では [[CSSOM]] 上の値では除去されています。
[[WinIE 6]] では [[CSSOM]] 上にも残ります。
[[Opera]] 9 はそのような場合に[[宣言]]ごと[[無視]]されます。
[[Firefox]] 2 でも、[[読点]]すら含まれていないと[[宣言]]ごと[[無視]]されます。
[[WinIE 6]] は完全に[[空文字列]]でも[[無視]]されません。
[[Firefox]] 2 では最低1つは[[フォント名]]が含まれていなければ[[無視]]されます。
([[名無しさん]])
[50]
3ブラウザ共、長さ0の [CODE(CSS)[[[STRING]]]] に対して特別な処理はしていないようです。
([[名無しさん]])
[51]
[[Opera]] 9 は [CODE(CSS)[[[inherit]]]] まで[[フォント名]]と見なすようです。
;; <http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20inherit%3B%0D%0A%7D;h=%3Cp%3ExxxxxxxxxxxxxaxxxxxAAAAAAAAAAAAAAAAA;p=n;x=style-element>
([[名無しさん]])
[52]
[[Firefox]] 2 は最初の [CODE(CSS)@en[[[IDENT]]]] が [CODE(CSS)@en[[[inherit]]]] だとそれ以降に何があっても [CODE(CSS)@en[[[inherit]]]] が指定されたものとみなすようです。
そのため、その後に何かが続いていると[[非妥当]]として[[宣言]]ごと[[無視]]するようです。
;; <http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20font-family%3A%20inherit%20a%3B%0A%7D;h=%3Cp%3ExxxxxxxxxxxxxaxxxxxAAAAAAAAAAAAAAAAA;p=n;x=style-element>
([[名無しさん]])
[53]
>>52 1番目でなければ大丈夫。
;; <http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20font-family%3A%20a%20inherit%3B%0A%7D;h=;p=n;x=style-element>
([[名無しさん]])
[54]
>>52-53 (ないとは思いますが) 1番目の[[フォント]]として [CODE(CSS)[[[inherit]]]]
という[[フォント名]]を指定したいときは、[[引用符]]で括るか途中に[[注釈]]をはさめばおk。
;; <http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20font-family%3A%20inhe%2F**%2Frit%3B%0A%7D;h=%3Cp%20onclick%3D%22%0A%20%20w%20(sd%20().fontFamily)%3B%0A%22%3EClick%20this%20paragraph%20to%20show%20computed%20value%20of%20the%20'%3Ccode%3Efont-family%3C%2Fcode%3E'%20property.;p=n;x=style-element>
[CODE(DOMm)@en[[[getComputedStyle]]]] をみてもちゃんと
[CODE(CSS)[[[inherit]]]] という指定が生き残っています。
([[名無しさん]])
[55]
[[共通族名]]の途中で[[注釈]]を使ってみた
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20font-family%3A%20serif%3B%0A%20%20font-size%3A%2030px%3B%0A%7D%0Ap.test%20%7B%0A%20%20font-family%3A%20mono%2F**%2Fspace%3B%0A%7D%0Ap.ref%20%7B%0A%20%20font-family%3A%20monospace%3B%0A%7D;h=%3Cp%3ECompare%20two%20paragraphs%20below%3A%3C%2Fp%3E%0A%3Cp%20class%3Dtest%3ETEST%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0A%3Cp%20class%3Dref%3EREF%3A%20ABCDEFGHIJKLMNOPQRSTUVWXYZ%20abcdefghijklmnopqrstuvwxyz%3C%2Fp%3E%0A;p=n;x=style-element>
([[名無しさん]])
[56]
>>55 [[Opera]] 9 は前述の通り[[注釈]]を[[フォント名]]の一部と見なすらしい。
[[WinIE 6]] と [[Firefox]] 2 は[[共通族名]]と見なすらしい。
([[名無しさん]])
[57]
[[WinIE 6]]: [[注釈]]のあと (直後でなくてもよい) で [CODE(CSS)[[[\]]]] を使うとなぜかそれ以前が無視される
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20Courier%20%2F**%2F%5CNew%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element>
この例では [CODE(DOMa)@en[[[fontFamily]]]] が [Q@en[New]] になります。
([[名無しさん]])
[58]
>>57 無視じゃなくて、複雑ななにかがおきるらしい。
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20Courier%2F**%2F%5C%20New%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element> → [Q@en[\ New]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20Co%2F**%2Furier%5C%20New%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element> → [Q@en[urierurier\ New]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20%2F**%2FCourier%5C%20New%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element> → [Q@en[CourierCourier\ New]]
;; [CODE(CSS)[[[\]]]] が残るのは[[空白]]の前だから。
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20%2F**%2FCourier%20%5CNew%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element> → [Q@en[rier New]]
([[名無しさん]])
[59]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20Cou%2F**%2Frie%5Cr%20New%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element>
→ [Q@en[rierier New]]
([[名無しさん]])
[60]
>>46-47
[CODE(CSS)@en[[[STRING]]]] が連続する場合、
[[Opera]] 9 は[[フォント名]]が見つからないものとし、
[[Firefox]] 2 は勝手に間に[[読点]]を補います。
;; <http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20font-family%3A%20%22a%22%20%22b%22%3B%0D%0A;h=;p=n;x=style-element>
([[名無しさん]])
[61]
[[CSS 2.1]] の本文中の説明で、[[共通族名]]と同じ[[フォント名]]は
[CODE(DOMi)@en[[[STRING]]]] にしなければならないというとろ、
例として [CODE(CSS)@en[[[initial]]]] と [CODE(CSS)@en[[[default]]]]
が挙げられています。
;; どちらも [[CSS 2.1]] では[[鍵語]]として定義されていませんが・・・。
([[名無しさん]])
[62]
[[CSS 2.1]] の [CODE(CSS)@en[<[[font-family]]>]] の構文の規定は不明瞭なのですが、
[CODE(CSS)@en[[[IDENT]]]] や
[CODE(CSS)@en[[[DIMENSION]]]] や
[CODE(CSS)@en[[[NUMBER]]]] が使えるように読めます。
[[Opera]] 9 では [CODE(CSS)@en[[[NUMBER]]]] や
[CODE(CSS)@en[[[DIMENSION]]]] が来るのを認めているようですが、
[[Firefox]] 2 は[[宣言]]ごと[[無視]]します。
([[名無しさん]])
[63] [CITE@en-US[JavaScript / CSS Font Detector - Detect fonts available in a browser | lalit.org]]
([TIME[2010-05-11 19:40:09 +09:00]] 版)
<http://www.lalit.org/lab/javascript-css-font-detect>
[64] [CITE[Basic Data Types and Interfaces – SVG 1.1 (Second Edition)]]
( ([TIME[2011-08-10 12:35:27 +09:00]] 版))
<http://www.w3.org/TR/2011/REC-SVG11-20110816/types.html#DataTypeListOfFamilyNames>
[65] [CITE[IRC logs: freenode / #whatwg / 20120314]]
( ([TIME[2012-03-18 01:33:50 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20120314#l-708>
[66] [CITE@en[WICD Core 1.0]]
( ([TIME[2010-08-17 16:51:00 +09:00]] 版))
<http://www.w3.org/TR/WICD/#framework-font-support>
[67] [[フォント依存符号化]]
[68] [CITE[Bug 22339 – Support Indian web sites with EOT by on-the-fly transcoding to Unicode]]
( ([TIME[2013-02-16 10:15:02 +09:00]] 版))
<https://bugs.webkit.org/show_bug.cgi?id=22339>
[69] [CITE[''''''[''''''whatwg'''''']'''''' font security on measureText]]
( ([TIME[2013-06-08 10:33:34 +09:00]] 版))
<http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-June/039719.html>
[70] [[Chrome]] では: [TIME[2013-09-07T05:17:39.00Z]]
- [[<string>]] と [[<ident>]] が値として使えます。
- [[<ident>]] の連続はひとつながりの [CODE(charname)@en[[[SP]]]] 区切りの値とみなされます。
- [CODE(char)[[[,]]]] 区切りですが、 [[<string>]] と [[<ident>]] が連続するところや
[[<string>]] と [[<string>]] の間も区切りとみなされます。
- [CODE(char)[[[,]]]] の連続や最初と最後にあるのは非妥当です。
- [[<string>]] は空文字列でも大丈夫です。
- [CODE(char)[[[,]]]] 区切りとしてみた最初の [[<ident>]] (群) が [CODE(CSS)@en[[[inherit]]]],
[CODE(CSS)@en[[[initial]]]], [CODE(CSS)@en[[[default]]]] ([[ASCII大文字・小文字不区別]]) なら無視されます。
その結果空になるとその連続だけが無視されます。例えば [CODE[hoge, inherit initial abc, def initial]] は
[CODE["hoge", "abc", "def initial"]] と同じと解釈されます。
- [CODE(CSS)@en[serif hoge]] のように [[<generic-family>]] のあとに [[<ident>]] が続く場合、
[[<generic-family>]] とはみなされません。
- [CODE(char)[[[,]]]] 区切りの最後の項目が [[<number>]] や [[<dimension>]] であればその項目だけが無視されます。
(それ以外の場所なら全体が[[非妥当]]になります。)
- [[<generic-family>]] なら[[小文字]]に正規化されますが、それ以外の [[<ident>]] や [[<string>]]
では元の形が保持されます。 ([CODE(CSS)["SeRIF"]] は次項により [[<ident>]] として[[直列化]]されますが、
元の大文字・小文字のままです。)
- 元の表現に関わらず、 [CODE(charname)@en[[[SP]]]] が含まれれば [[<string>]] として、含まれなければ [[<ident>]]
として[[直列化]]されます。 [CODE(CSS)@en[[[inherit]]]] や [CODE(CSS)@en[[[serif]]]] などであってもです。
[71] [[Firefox]] では: [TIME[2013-09-07T05:30:39.600Z]]
- [[<string>]] と [[<ident>]] が値として使えます。
- [[<ident>]] の連続はひとつながりの値とみなされます。元々間に [[<whitespace>]] があれば
[CODE(charname)@en[[[SP]]]] が、なければ空文字列が区切りとなります。
- [CODE(char)[[[,]]]] 区切りで、 [[<string>]] と [[<ident>]] や
[[<string>]] と [[<string>]] が連続するところがあると[[非妥当]]です。
- [CODE(char)[[[,]]]] の連続や最初と最後にあるのは非妥当です。
- [[<string>]] は空文字列でも大丈夫です。
- [CODE(char)[[[,]]]] 区切りとしてみた最初の [[<ident>]] が [CODE(CSS)@en[[[inherit]]]],
[CODE(CSS)@en[[[initial]]]], [CODE(CSS)@en[[[-moz-initial]]]], [CODE(CSS)@en[[[default]]]]
([[ASCII大文字・小文字不区別]]) なら[[非妥当]]です。
- [CODE(CSS)@en[serif hoge]] のように [[<generic-family>]] のあとに [[<ident>]] が続く場合、
[[<generic-family>]] とはみなされません。
- [[<ident>]] でも [[<string>]] でも元の大文字・小文字が保持されます。
- 元の [[<ident>]] と [[<string>]] の区別は保持されて[[直列化]]されます。
どちらも [[escape]] されないので再度構文解析できないこともあります。
[72] [CITE[Bug 17070 – CSS: Request for proprietary extension to generic font families 2: 'blackletter']]
( ([TIME[2013-09-07 06:09:59 +09:00]] 版))
<https://bugs.webkit.org/show_bug.cgi?id=17070>
[73] [[WebKit]] は [[<generic-family>]] として
[CODE(CSS)@en[[[-webkit-pictograph]]]], [CODE(CSS)@en[[[-webkit-body]]]],
[CODE(CSS)@en[[[-webkit-blackletter]]]] に対応しているようです。
[74] ですが >>70 の通り正規化されているのは [CODE(CSS)@en[[[-webkit-body]]]]
だけみたいです。 [TIME[2013-09-07T06:17:29.200Z]]
[75] [CITE[Internet Explorer 9 の最新版でも改善されない致命的なHelveticaバグ | OXY NOTES]]
( ([TIME[2014-01-16 02:55:15 +09:00]] 版))
<http://oxynotes.com/?p=4566>
[76] [CITE[OASIS Open Document Format for Office Applications (OpenDocument) Version 1.2 - Part 1: OpenDocument Schema]]
([TIME[2011-09-29 13:00:00 +09:00]] 版)
<http://docs.oasis-open.org/office/v1.2/os/OpenDocument-v1.2-os-part1.html#a20_182fo_font-family>
[77] [CITE[IRC logs: freenode / #whatwg / 20150221]]
([TIME[2015-02-22 12:07:15 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20150221>
[78] [CITE[くたばれ"Helvetica Neue"と腹が立って作ったブックマークレット - Qiita]]
([TIME[2015-05-15 15:31:30 +09:00]] 版)
<http://qiita.com/s_k_o_i/items/adb6411d67640631a662>
[FIG(quote)[
[FIGCAPTION[
[79] ([TIME[2015-07-10 16:34:31 +09:00]] 版)
<http://hatenablog.com/>
]FIGCAPTION]
> <script type="text/javascript">
> // <!--
> if (~navigator.userAgent.indexOf('Mac OS X')) {
> document.write('<style type="text/css">html, body { font-family: \x27Helvetica\x27, \x27Arial\x27, \x27ヒラギノ角ゴ Pro W3\x27, \x27Hiragino Kaku Gothic Pro\x27, sans-serif; } </style>');
> } else {
> document.write('<style type="text/css">html, body { font-family: \x27Helvetica\x27, \x27Arial\x27, \x27メイリオ\x27, \x27Meiryo\x27, \x27MS PGothic\x27, sans-serif; } </style>');
> }
> // -->
> </script>
]FIG]
[80] [CITE@en[''''''[''''''css-fonts'''''']'''''' "system" generic font name]]
([[Myles C. Maxfield]] 著, [TIME[2015-07-15 06:14:33 +09:00]] 版)
<https://lists.w3.org/Archives/Public/www-style/2015Jul/0169.html>
[81] [CITE@en[jonathantneal/system-font-face]]
([TIME[2015-07-30 14:36:42 +09:00]] 版)
<https://github.com/jonathantneal/system-font-face>
[82] [CITE@ja[Windows で游ゴシックが細字になってしまう件は誰が悪いのかについて CSS 仕様から考えてみる | WWW WATCH]]
([TIME[2016-06-30 00:51:56 +09:00]])
<https://hyper-text.org/archives/2016/06/windows_yu_gothic_font.shtml>
[84] [CITE@en[Rename CSSFontFaceValue.fontFaceName to fontFamilyName (#323)]]
([[wilddamon]]著, [TIME[2017-01-03 09:13:20 +09:00]])
<https://github.com/w3c/css-houdini-drafts/commit/099cd776b41b37ddaa736ef38d7d77494f089d81>
[85] [CITE@en['''['''css-fonts-4''']''' Migrate font-family property from css-fonts-3]]
([[litherum]]著, [TIME[2017-03-09 09:41:08 +09:00]])
<https://github.com/w3c/csswg-drafts/commit/9d1db6cae41f8f955b49ec7e962b070e12acad51>
[87] [CITE[Intent to ship: Changing default Japanese fonts to modern fonts - Google グループ]]
([TIME[2017-08-27 18:24:44 +09:00]])
<https://groups.google.com/forum/#!topic/mozilla.dev.platform/DZ4QgKAWEnY>
[FIG(quote)[
[FIGCAPTION[
[88] ([TIME[2020-10-08T05:13:52.000Z]])
<https://dictionary.sanseido-publ.co.jp/column/%e7%ac%ac35%e5%9b%9e-%e3%80%8c%e7%a5%b7%e3%80%8d%e3%81%a8%e3%80%8c%e7%a6%b1%e3%80%8d>
]FIGCAPTION]
> ※編集部注:公開当初、旧字の「<font style="font-family:'MS UI Gothic','Hiragino Mincho Pro'">禱</font>」は環境によっては「ネへんに壽」の字体で示されるかたちで表示してありましたので、フォントを指定するように変更しました。以下の本文中で意図した旧字の「<font style="font-family:'MS UI Gothic','Hiragino Mincho Pro'">禱</font>」は「示へんに壽」で、下の画像で示す文字です。(2009年5月19日)
]FIG]