Less.js: Masalah dengan @import url oleh myfonts.com

Dibuat pada 3 Mei 2013 · 6Komentar · Sumber: less/less.js

Hai,
Saya mengalami masalah, ketika saya ingin menggunakan Font dari myfonts.com bersama dengan lesscss.

Untuk menggunakan font saya harus menambahkan kode berikut ke file CSS/KURANG.

@import url("//hello.myfonts.net/count/xyzxyz");

@font-wajah {
font-family: 'FrutigerLT-Light';
src: url('schriften/xyzxyz_0_0.eot');
src: url('schriften/xyzxyz_0_0.eot?#iefix') format('embedded-opentype'),
url('schriften/xyzxyz_0_0.woff') format('woff'),
url('webfonts/xyzxyz_0_0.ttf') format('truetype');

}

xyzxyz adalah kode untuk font yang akan digunakan. Saya tidak yakin apakah itu ide yang bagus, untuk membuatnya tetap terlihat.
Tetapi dengan impor itu, less.js tidak akan berfungsi lagi.
Firefox memberikan kesalahan

n tidak terdefinisi

di styles.less
r.Pengurai/hal. parse@file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
w/< @file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
x@file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
w@file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
g@file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
R. refresh@file :///D:/Homepages/Prokon/less-1.3.3.min.js:9
@file :///D:/Homepages/Prokon/less-1.3.3.min.js:9

@file :///D:/Homepages/Prokon/less-1.3.3.min.js:9

Peramban lain tidak menampilkan font dan, tentu saja, less tidak berfungsi.

Saya harap, ini membantu membuatnya berfungsi.
salam Hormat
Kristen

Sumber

chricken

Komentar yang paling membantu

atau solusinya sebelum 1.4.0 adalah

<strong i="6">@import</strong> url("//hello.myfonts.net/count/xyzxyz?css")

lukeapage pada 3 Mei 2013

🚀1 ❤1 🎉1 👍1

Semua 6 komentar

Tidak tahu, mengapa kode diformat seperti itu.
Maaf untuk ketidaknyamanannya.

chricken pada 3 Mei 2013

Anda harus menambahkan ekstensi css ke file @import .
Anda dapat melakukan

<strong i="8">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");

Jika Anda menggunakan lebih sedikit v1.4 beta

Catatan: Saya belum mengujinya.

Subash pada 3 Mei 2013

atau solusinya sebelum 1.4.0 adalah

<strong i="6">@import</strong> url("//hello.myfonts.net/count/xyzxyz?css")

lukeapage pada 3 Mei 2013

🚀1 ❤1 🎉1 👍1

@chricken kode perlu dibungkus dengan backticks untuk mempertahankan pemformatan. Lihat ini: http://github.github.com/github-flavored-markdown/

jonschlinkert pada 4 Mei 2013

OK mengerti.
Terima kasih semua :)

chricken pada 11 Mei 2013

@lukeapage : Saya tidak yakin ini harus ditutup.

Saya baru saja mengalami masalah impor myFonts ini dengan Less 1.7.0 di CodeKit. Tanpa direktif impor (css) sebelum url, Less mengatakan itu berhasil dikompilasi ketika tidak. Ini sepertinya bug bagi saya. Kurang harus memberikan kesalahan, bukan?

Contoh:

<strong i="11">@import</strong> url("//hello.myfonts.net/count/xyzxyz");
Kurang akan mengatakan itu telah berhasil dikompilasi ketika tidak menulis apa pun.

<strong i="15">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");
Less akan berhasil dikompilasi.