Less.js: Google फ़ॉन्ट आयात के कारण import.less परीक्षण विफल हो रहा है

को निर्मित 5 अक्तू॰ 2011 · 27टिप्पणियाँ · स्रोत: less/less.js

नमस्ते,

bug medium priority

स्रोत

marceloverdijk

सबसे उपयोगी टिप्पणी

मेरे द्वारा उपयोग किया जाने वाला वर्कअराउंड लेसन पार्सर को सामान्य सीएसएस आयात की तरह संभालने के लिए &.css को फ़ॉन्ट URL में जोड़ना है। इस तरह:

<strong i="7">@import</strong> url(http://fonts.googleapis.com/css?family=Open+Sans&.css);

BTW, मुझे यह बहुत दुर्भाग्यपूर्ण लगता है कि LESS के मूल डिजाइनरों ने अलग-अलग @include निर्देश का उपयोग नहीं किया, इसके बजाय गरीब पुराने @import का पुन: उपयोग कर रहे हैं ...

maranomynet 6 अक्तू॰ 2011

👍9 🚀3 ❤1 🎉1

सभी 27 टिप्पणियाँ

@marceloverdijk मुझे यहाँ पर उत्सुकता होगी कि आप # 331 के बारे में क्या सोचते हैं और स्टाइल शीट आयात करते समय पथ को कैसे समायोजित किया जाना चाहिए।

neonstalwart 5 अक्तू॰ 2011

नियम सरल है: केवल आयात फाइलें जो .less साथ समाप्त होती हैं या जिनका कोई विस्तार नहीं है, बाकी को ब्राउज़र पर छोड़ दिया जाता है। तो @import "foo.css" अछूता रह जाता है, @import "foo" और @import "foo.less" पार्स हो जाता है और फ़ाइलें आयात हो जाती हैं।

cloudhead 6 अक्तू॰ 2011

ठीक है नियम स्पष्ट है। धन्यवाद।

लेकिन क्या आपको पता है कि Google फ़ॉन्ट आयात वास्तव में आयात क्यों किया जाता है?
एकमात्र अंतर यह है कि मैं एक वास्तविक ब्राउज़र के बजाय Env.js और राइनो का उपयोग कर रहा हूं।

क्या कम तर्क शायद यह निर्धारित करने के लिए किसी चीज़ का उपयोग कर रहा है कि क्या इसे आयात करना चाहिए या नहीं जो Env.js द्वारा समझा नहीं गया है (या गलत तरीके से)?

किसी भी मदद की सराहना की।

marceloverdijk 6 अक्तू॰ 2011

ध्यान दें कि मैं इसका उपयोग कम संकलन करने के लिए कर रहा हूं:

var परिणाम; var p = new less.Parser (); p.parse (इनपुट, फंक्शन (ई, ट्री) {result = tree.toCSS ();});

marceloverdijk 6 अक्तू॰ 2011

नियम के बारे में 1 सवाल। क्या कोटेशन मायने रखता है?

मैंने इसे आयात में देखा है। कम स्रोत:

    if (path instanceof tree.Quoted) {
        this.path = /\.(le?|c)ss$/.test(path.content) ? path.content : path.content + '.less';
    } else {
        this.path = path.value.content || path.value;
    }

marceloverdijk 6 अक्तू॰ 2011

<strong i="7">@import</strong> url(http://fonts.googleapis.com/css?family=Open+Sans&.css);

maranomynet 6 अक्तू॰ 2011

👍9 🚀3 ❤1 🎉1

मुझे लगता है कि इसके बिना काम करना चाहिए जैसा कि परीक्षण द्वारा सुझाया गया है https://github.com/cloudhead/less.js/blob/master/test/less/import.less

जिसमें है

<strong i="8">@import</strong> url("import/import-test-a.less");
//<strong i="9">@import</strong> url("import/import-test-a.less");
<strong i="10">@import</strong> url(http://fonts.googleapis.com/css?family=Open+Sans);

#import-test {
  .mixin;
  width: 10px;
  height: <strong i="11">@a</strong> + 10%;
}

और उम्मीद है

<strong i="15">@import</strong> "import-test-d.css";

<strong i="16">@import</strong> url(http://fonts.googleapis.com/css?family=Open+Sans);
#import {
  color: red;
}
.mixin {
  height: 10px;
  color: red;
}
#import-test {
  height: 10px;
  color: red;
  width: 10px;
  height: 30%;
}

जिसमें Google फ़ॉन्ट्स आयात अभी भी शामिल है।
मैंने खुद इनका परीक्षण नहीं किया है, लेकिन यह मान लेता हूं कि यह पास है।

marceloverdijk 8 अक्तू॰ 2011

पुनश्च: यह Google फ़ॉन्ट्स आयात एकमात्र हिस्सा है जो मेरे खुले स्रोत में नहीं चल रहा है ncss4j पुस्तकालय।
अन्य सभी संगतता परीक्षण अब गुजर रहे हैं।

इसलिए मैं इसे जारी करने से पहले इस अंतिम मुद्दे को हल करने के लिए वास्तव में उत्सुक हूं। आशा है कि कोई मदद कर सकता है।

marceloverdijk 8 अक्तू॰ 2011

कम समय में गूगल वेब फ़ॉन्ट्स के लिए महान वैकल्पिक हल (मैं कम रिलीज 1.1.3 में @import के उपयोग

cmwelsh 10 अक्तू॰ 2011

मैं अब और भी उलझन में पड़ गया।

मैंने एक साधारण वेब प्रोजेक्ट बनाया और नीचे दिए गए कोड को हेड सेक्शन में जोड़ा:

<link rel="stylesheet/less" type="text/css" href="/less/google.less">
<link rel="stylesheet/less" type="text/css" href="/bootstrap/bootstrap.less">
<script src="/js/less-1.1.4.js" type="text/javascript"></script>

Twitter बूटस्ट्रैप का संकलन काम कर रहा है लेकिन google.less नहीं है।
इस google.less में केवल LESS संगतता परीक्षण आयात से कॉपी की गई निचली पंक्ति समाहित है

<strong i="11">@import</strong> url(http://fonts.googleapis.com/css?family=Open+Sans);

ब्राउज़र में मुझे प्राप्त होने वाली त्रुटि है:

Http: // localhost लोड नहीं कर सका: 8888 / उससे कम / http://fonts.googleapis.com/css?family=Open+Sans (404)
http: // localhost : 8888 / इससे कम / google.less

अब मैं वास्तव में import.less संगतता परीक्षण के बारे में सोचना शुरू कर देता हूं ...।

marceloverdijk 13 अक्तू॰ 2011

url आयात करने से पहले & .css जोड़ें

से
@import url (http://fonts.googleapis.com/css?family=Open+Sans);

सेवा मेरे
@import url (http://fonts.googleapis.com/css?family=Open+Sans&css);

WaYdotNET 17 अक्तू॰ 2011

👍3

मुझे एक समान समस्या थी, इसलिए यदि यह किसी को मदद करता है: मैं 'द्वारा अलग किए गए कई Google फोंट आयात करने की कोशिश कर रहा था।'
@import url (http://fonts.googleapis.com/css?family=InconsolatapgCantarellpgArchitectspgDaughter&.css);
जो url () के लिए "गुम क्लोज़िंग" त्रुटि देगा।

URL को उद्धरणों में लपेटकर त्रुटि का समाधान किया गया था (ध्यान दें: & .cs अभी भी अंत में होना चाहिए, अन्यथा 404 आयात त्रुटि)। सभी फोंट भी सफलतापूर्वक लोड किए गए हैं:
@import url ("http://fonts.googleapis.com/css?family=Ubuntu+MonopgCantarellpgArchitectscamDaughter&.css");

erikhazzard 22 अक्तू॰ 2011

अच्छे सुझाव enoex: D धन्यवाद !!!!

WaYdotNET 22 अक्तू॰ 2011

इर, यह देखना मुश्किल है कि यह मुद्दा क्यों बंद किया गया है। उपयोगकर्ताओं को इसके आस-पास एक अविश्वसनीय रूप से डोडी हैक मिला है, जो कि Google को .css का अर्थ संलग्न करने का निर्णय लेने पर टूट सकता है; यह पट्टिका में फिक्सिंग की जरूरत है। किसी विधि को किसी @import को शाब्दिक रूप से

adrianratnapala 16 जन॰ 2012

❤2

मैं सहमत हूं। कोई सुझाव?

<strong i="6">@import</strong> css url(...);

एक संभावना है। यह आपको .css एक्सटेंशन के साथ कम आयात को बाध्य करने की भी अनुमति देगा।

cloudhead 16 जन॰ 2012

यह वाक्यविन्यास ठीक दिखता है (मैं वह नहीं हूं जो लिखने वाला लिखता है, इसलिए मुझे नहीं पता कि यह कितना अच्छा बैठता है)।

मेरी एकमात्र चिंता अन्य less संकलक है। जिस कोड से मुझे परेशानी थी, उसने डेवलपर्स के लिए ठीक काम किया, जिसने इसे लिखा था, शायद इसलिए कि उनके कम संकलक भी @import संकलन नहीं करते हैं। तो भले ही यह lessc में तय किया गया था, मैं शायद "& .css" हैक का उपयोग करता रहूंगा। हालांकि आप इसके बारे में कुछ नहीं कर सकते।

adrianratnapala 20 जन॰ 2012

कोई भी एक तय पाया?

मैंने पाया कि "और .css" को जोड़ना और उद्धरण चिह्नों में URL लपेटना केवल संकलन के मुद्दों को हल करता है - मैं निर्दिष्ट कर रहा हूं कि फोंट अभी भी प्रदान नहीं किए जा रहे हैं ...।

ntoft 4 दिस॰ 2012

जैसा कि यह अभी भी एक मुद्दा है - सही लगता है फिर से खोला?

एक साधारण तय यह होगा कि यूआरएल में कुछ भी न जोड़ा जाए, अगर उसमें परम शामिल हैं (जैसे? परिवार = x)?

lukeapage 5 दिस॰ 2012

@ मैं किसी भी अधिक त्रुटि को पुन: उत्पन्न नहीं कर सकता।

lukeapage 8 दिस॰ 2012

फॉलो करने के लिए धन्यवाद।

मैं "एपेंड एंड। एसकेएस" दृष्टिकोण का उपयोग कर रहा हूं और यह अब काम कर रहा है (भाग उपयोगकर्ता त्रुटि: - /) बस उत्सुक था अगर कोई बेहतर तरीका था। हालांकि, यह काम करने लगता है इसलिए इसे बंद करने के लिए स्वतंत्र महसूस करें।

धन्यवाद।

ntoft 11 दिस॰ 2012

यह अच्छा होगा अगर यह बिना append .css दृष्टिकोण के काम करता है .. तो क्या आपके पास इसका एक उदाहरण है?

lukeapage 11 दिस॰ 2012

मुझे लगता है कि मैं गलत समझा ... समस्या यह है कि जब आप इसे आयात नहीं करना चाहते हैं तो सीएसएस आयात किया जा रहा है।

हो सकता है कि 1.4.0 @import अकेले छोड़ दिया जाए और @include को हमेशा शामिल किया जाए

lukeapage 28 दिस॰ 2012

किसी एकल मुद्दे पर चलती चर्चा # 1185

lukeapage 16 फ़र॰ 2013

इस तरह के पात्रों से बचने के लिए बस जरूरत है, @import url (https \: \ / \ / Fonts.googleapis.com \ / css; परिवार = Orbitron & .css);

jas-naz 23 फ़र॰ 2018

@ jas-naz उचित और अधिक पठनीय तरीका है:

<strong i="6">@import</strong> (css) url(https://fonts.googleapis.com/css?family=Orbitron);

अधिक देखने के लिए http://lesscss.org/features/#import -atrules-फीचर-आयात-विकल्प।

seven-phases-max 23 फ़र॰ 2018

👍5

नमस्कार, इसे प्राप्त करने के लिए एक और हैक url के अंत में "#css" जोड़ना है, जैसे:

@import url('https://fonts.googleapis.com/css?family=Paytone+One#css');

Tim-arts 4 दिस॰ 2018

@ टीयरियनग्राफिस्ट

बुरा विचार। हाल के संस्करणों में लेस वास्तव में इस फाइल को प्रोसेस करेगा (इसके बजाय आयात को छोड़ना है)।
इसीलिए इसके सामने (css) अनिवार्य है। (पहले के संस्करणों में यह सिर्फ गलत व्यवहार था जहां संकलक ने इस विशेष मामले में गायब हुए उचित एक्सटेंशन के बजाय url में "कुछ" css स्ट्रिंग का फैसला किया)।

seven-phases-max 4 दिस॰ 2018

👍3

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Less.js: Google फ़ॉन्ट आयात के कारण import.less परीक्षण विफल हो रहा है

सबसे उपयोगी टिप्पणी

सभी 27 टिप्पणियाँ

संबंधित मुद्दों