Less.js: مشكلة فيimport url بواسطة myfonts.com

تم إنشاؤها على ٣ مايو ٢٠١٣  ·  6تعليقات  ·  مصدر: less/less.js

أهلا،
أواجه مشكلة عندما أرغب في استخدام الخطوط من myfonts.com مع lesscss.

لاستخدام الخطوط ، كان علي إضافة الكود التالي إلى ملف CSS / LESS الخاص بي.

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

@ font-face {
عائلة الخطوط: "FrutigerLT-Light" ؛
src: url ("schriften / xyzxyz_0_0.eot") ؛
src: url ('schriften / xyzxyz_0_0_0.eot؟ #iefix') تنسيق ('embedded-opentype') ،
تنسيق url ('schriften / xyzxyz_0_0.woff') ('woff') ،
تنسيق url ('webfonts / xyzxyz_0_0.ttf') ('truetype') ؛

}

xyzxyz هو رمز الخط المراد استخدامه. لست متأكدًا مما إذا كانت فكرة جيدة ، لإبقائها مرئية.
ولكن مع هذا الاستيراد ، فإن less.js لن يعمل بعد الآن.
يعطي Firefox الخطأ

n غير محدد

في الأنماط
ص محلل / ص. تحليل @ 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
ص. تحديث @ file : /// D: /Homepages/Prokon/less-1.3.3.min.js: 9
@ الملف: /// D: /Homepages/Prokon/less-1.3.3.min.js : 9

@ الملف: /// D: /Homepages/Prokon/less-1.3.3.min.js : 9

المتصفحات الأخرى ببساطة لا تعرض الخط ، وبالطبع أقل لا يعمل.

آمل أن يساعد هذا على إنجاحه.
مع أطيب التحيات
مسيحي

picture chricken

التعليق الأكثر فائدة

أو الحل قبل 1.4.0 هو

<strong i="6">@import</strong> url("//hello.myfonts.net/count/xyzxyz?css")
picture lukeapage في ٣ مايو ٢٠١٣
🚀1 ❤1 🎉1 👍1

ال 6 كومينتر

لا فكرة ، لماذا تم تنسيق الكود بهذه الطريقة.
آسف للإزعاج.

chricken picture chricken في ٣ مايو ٢٠١٣

يجب عليك إضافة امتداد css إلى imported الملف.
يمكنك ان تفعل

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

إذا كنت تستخدم إصدارًا أقل من الإصدار 1.4 بيتا

ملاحظة: لم أختبره.

Subash picture Subash في ٣ مايو ٢٠١٣

أو الحل قبل 1.4.0 هو

<strong i="6">@import</strong> url("//hello.myfonts.net/count/xyzxyz?css")
lukeapage picture lukeapage في ٣ مايو ٢٠١٣
🚀1 ❤1 🎉1 👍1

chricken ، يجب تغليف الكود في backticks للاحتفاظ بالتنسيق. انظر هذا: http://github.github.com/github-flavored-markdown/

jonschlinkert picture jonschlinkert في ٤ مايو ٢٠١٣

حسنًا ، موافق.
شكرا لكم جميعا :)

chricken picture chricken في ١١ مايو ٢٠١٣

lukeapage : لست متأكدًا من ضرورة إغلاق هذا.

لقد واجهت للتو مشكلة استيراد myFonts مع أقل 1.7.0 في CodeKit. بدون توجيه الاستيراد (css) قبل عنوان url ، يقول Less أنه يتم تجميعه بنجاح عندما لا يفعل ذلك. هذا يبدو وكأنه علة لي. أقل يجب أن يعطي خطأ ، أليس كذلك؟

مثال:

<strong i="11">@import</strong> url("//hello.myfonts.net/count/xyzxyz");
سيقول أقل أنه تم تجميعه بنجاح عندما لم يكتب أي شيء.

<strong i="15">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");
أقل سيترجم بنجاح.

MrBlank picture MrBlank في ١٤ يوليو ٢٠١٤
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

MarkSG93 picture MarkSG93  ·  4تعليقات
yggi49 picture yggi49  ·  7تعليقات
dotnetwise picture dotnetwise  ·  5تعليقات
matthew-dean picture matthew-dean  ·  6تعليقات
Oskariok picture Oskariok  ·  6تعليقات