Q&A
「ローカル」というのは、file://としてのアクセスでしょうか、それともローカルにHTTPサーバを立てている感じでしょうか。
cssでローカルファイルないのフォントファイル(font1.ttf)を読み込みたいのですがうまく反映されません。
何が間違っているのでしょうか
html
1<html> 2<head> 3<meta charset="UTF-8"> 4<title>test</title> 5 <style type="text/css"> 6 @font-face{ 7 font-family:'font1'; 8 src:url("font/font1.ttf")format("woff"); 9 } 10 body{ 11 font-family:'font1'; 12 } 13 </style> 14</head> 15<body> 16テストtest 17</body> 18</html>
同デバイス上に存在するファイルを参照する感じです
「同デバイス」というのは、「HTMLとTTCだけ」同デバイス（このHTMLはHTTPでリモートから参照する）なのでしょうか、「閲覧側も含めた全体」が同デバイスなのか、どちらでしょうか。
わかりにくくてすみません。
htmlとttcだけになります
回答2件
0
全角空白文字を取り除いてください。
CSS
1/* */body{ 2 font-family:'font1'; 3 }
投稿2020/01/21 01:44
総合スコア13749
0
他に問題があることも現状では否定しきれませんが、少なくともformat("TTC")という指定は存在しません。
利用可能な形式は、"woff", "woff2", "truetype", "opentype", "embedded-opentype", "svg" です。
（MDNより）
投稿2020/01/18 02:49
総合スコア145183
TTCファイルのままでWeb Fontとして適用可能、という情報も見つかりませんでした。
ありがとうございます。
拡張子を変えてやってみます
> 拡張子を変えてやってみます
拡張子と対応した中身に変換してくださいね。
ttfに変換し、format("woff")にしてみたのですがうごきませんでした
> ttfに変換し、format("woff")にしてみたのですが
ttfでしたら、format('truetype')ではないのでしょうか。
何度もありがとうございます。
truetypeでも動きませんでした
ブラウザのコンソールにエラーは出ていませんか？
エラーもでていないですね…
あなたの回答
tips
プレビュー
