vue cli3とvue2で作成されたプロジェクトで、@ font-faceをフォントフォルダー(アセット/フォント)にリンクしようとしています。
アセット/sass/utilities/fonts.sass
@font-face
font-family: 'NeuzeitGroteskBold'
src: url($font-path + 'NeuzeitGroteskBold/neuzeitgro-bol-webfont.eot')
src: url($font-path + 'NeuzeitGroteskBold/neuzeitgro-bol-webfont.eot?#iefix') format('embedded-opentype'),
url($font-path + 'NeuzeitGroteskBold/neuzeitgro-bol-webfont.woff2') format('font-woff2'),
url($font-path + 'NeuzeitGroteskBold/neuzeitgro-bol-webfont.woff') format('font-woff'),
url($font-path + 'NeuzeitGroteskBold/neuzeitgro-bol-webfont.ttf') format('font-truetype')
font-weight: normal
font-style: normal
アセット/sass/app.sass
@charset "utf-8"
$font-path: '~@/assets/fonts/'
@import 'utilities/all'
../../fontsまたはassets / fontsをパブリックフォルダーまたはfont-urlで試しましたが、何も機能しませんでした...
エラーメッセージはありません。フォントが機能していません。
format('font-woff')
別のバグを修正するために使用されているのは正しくないためです
それはで働いています format('woff')
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加