Squarespace 7.1 में फ़ॉन्ट कैसे बदलें (Site Styles + CSS)

Squarespace 7.1 में Site Styles से फ़ॉन्ट बदलें, अपनी फ़ॉन्ट फ़ाइल अपलोड करें या custom CSS से एक एलिमेंट बदलें। स्टेप्स, तुलना तालिका और समाधान।

अक्सर पूछे जाने वाले सवाल

मैं अपनी पूरी Squarespace साइट का फ़ॉन्ट कैसे बदलूँ?

वर्शन 7.1 साइट पर Site Styles खोलें, Fonts पर क्लिक करें, और या तो कोई सुझाया गया font pack चुनें या All Font Packs खोलकर sans-serif, serif या mixed के हिसाब से फ़िल्टर करें। एक font pack एक ही बार में हेडिंग, पैराग्राफ़, बटन और बाकी (miscellaneous) टेक्स्ट के फ़ॉन्ट सेट कर देता है।

क्या मैं Squarespace में कोई भी Google Font इस्तेमाल कर सकता हूँ?

आप फ़ॉन्ट ड्रॉपडाउन में नाम से Google Fonts खोज सकते हैं, लेकिन Squarespace के अपने हेल्प सेंटर के मुताबिक हर Google Font उसकी लाइब्रेरी में मौजूद नहीं है। अगर आपका मनचाहा फ़ॉन्ट नहीं मिलता, तो लाइसेंस इजाज़त दे तो आप फ़ॉन्ट फ़ाइल खुद अपलोड कर सकते हैं।

Squarespace में कौन-से फ़ॉन्ट फ़ाइल टाइप अपलोड किए जा सकते हैं?

Site Styles का फ़ॉन्ट अपलोडर OTF, TTF, WOFF और WOFF2 फ़ाइलें स्वीकार करता है। CSS एडिटर के साथ इस्तेमाल होने वाले अलग Custom Files सेक्शन में TTF, OTF और WOFF की सूची है, इसलिए WOFF2 फ़ाइल के लिए CSS फ़ाइल सेक्शन की जगह Site Styles अपलोडर का इस्तेमाल करें।

क्या कस्टम फ़ॉन्ट अपलोड करने के लिए अनुमति चाहिए?

हाँ। Squarespace के हेल्प सेंटर के अनुसार अपनी साइट पर किसी फ़ॉन्ट का उपयोग करने के लिए फ़ॉन्ट के मालिक या लाइसेंसदाता की अनुमति ज़रूरी है। अपलोड करने से पहले जाँच लें कि लाइसेंस में वेब पर इस्तेमाल की इजाज़त है।

मेरी साइट पर फ़ॉन्ट के स्टेप्स अलग क्यों दिख रहे हैं?

वर्शन 7.0 और वर्शन 7.1 साइट्स की फ़ॉन्ट सेटिंग्स अलग-अलग होती हैं। इस गाइड के स्टेप्स 7.1 के लिए हैं। 7.0 पर फ़ॉन्ट बदलाव Design पैनल के Site Styles से होते हैं। Squarespace यह भी बताता है कि 7.0 पर सेट किए गए कस्टम Adobe फ़ॉन्ट 7.1 पर सपोर्ट नहीं होते, इसलिए आपको 7.1 का कोई बिल्ट-इन फ़ॉन्ट चुनना होगा।

क्या टेम्पलेट बदलने पर custom CSS साथ आ जाता है?

वर्शन 7.0 साइट पर, Squarespace के अनुसार टेम्पलेट बदलने पर custom CSS ट्रांसफ़र नहीं होता। आपने जो भी CSS जोड़ा हो उसकी एक कॉपी संभालकर रखें, ताकि ज़रूरत पड़ने पर उसे वापस पेस्ट कर सकें।

संक्षिप्त जवाब: Squarespace 7.1 साइट पर Site Styles खोलें, Fonts पर क्लिक करें, और या तो कोई font pack चुनें या Headings, Paragraphs, Buttons और Miscellaneous को एक-एक करके स्टाइल करें। अगर आपका फ़ॉन्ट लाइब्रेरी में नहीं है, तो उसी पैनल में अपनी फ़ाइल अपलोड करें। Custom CSS का इस्तेमाल तभी करें जब आपको कोई एक खास एलिमेंट बदलना हो।

यह गाइड वर्शन 7.1 के स्टेप्स बताती है, जैसा कि Squarespace के अपने हेल्प सेंटर में दिया गया है (नवंबर 2026 में जाँचा गया)। अगर आपकी साइट वर्शन 7.0 पर है, तो पैनल के नाम अलग होते हैं; अंत के पास दिया वर्शन नोट देखें।

आपको कौन-सा तरीका चुनना चाहिए?

वह सबसे हल्का विकल्प चुनें जिससे आपका काम बन जाए। तालिका में जैसे-जैसे नीचे जाएँगे, सेटअप बढ़ता जाएगा।

आप क्या चाहते हैंसबसे अच्छा तरीकामेहनत
एक क्लिक में पूरा नया लुकSite Styles में font packकम
हेडिंग और बॉडी टेक्स्ट के लिए अलग फ़ॉन्टSite Styles में हर श्रेणी का अलग फ़ॉन्टकम
कोई खास Google Fontफ़ॉन्ट ड्रॉपडाउन में खोजकम
ऐसा ब्रांड फ़ॉन्ट जिसका लाइसेंस आपके पास हैफ़ॉन्ट फ़ाइल अपलोड करेंमध्यम
सिर्फ़ एक हेडिंग, एक बटन या एक सेक्शनCustom CSSमध्यम से ज़्यादा

तरीका 1: font pack से फ़ॉन्ट बदलें

Font pack हर टेक्स्ट श्रेणी के लिए एक साथ मेल खाते फ़ॉन्ट सेट कर देता है, इसलिए साइट का लुक बदलने का यह सबसे तेज़ तरीका है।

  1. एडिटर खोलें और Site Styles (पेंटब्रश आइकन) पर क्लिक करें।
  2. Fonts पर क्लिक करें।
  3. सुझाए गए packs में से कोई चुनें, या All Font Packs पर क्लिक करके sans-serif, serif या mixed के हिसाब से फ़िल्टर करें।
  4. पैनल बंद करने से पहले अपने पेज स्क्रॉल करके हेडिंग, बॉडी टेक्स्ट और बटन देख लें।

Packs अच्छी शुरुआत होते हैं, लेकिन कई बार हेडिंग का फ़ॉन्ट पसंद आता है और बॉडी का नहीं। अगला तरीका यही समस्या हल करता है।

तरीका 2: एक टेक्स्ट श्रेणी का फ़ॉन्ट बदलें

Fonts के अंदर Squarespace टेक्स्ट को चार समूहों में बाँटता है। आप हर एक को अलग से सेट कर सकते हैं:

  • Headings: पेज के टाइटल और आपके टेक्स्ट ब्लॉक की हेडिंग स्टाइल।
  • Paragraphs: बॉडी टेक्स्ट।
  • Buttons: बटन के लेबल।
  • Miscellaneous: कैप्शन और फ़ॉर्म लेबल जैसा छोटा टेक्स्ट (इस समूह में क्या-क्या आता है यह टेम्पलेट के हिसाब से बदलता है, इसलिए बदलाव के बाद कुछ पेज जाँच लें)।

किसी एक को बदलने के लिए:

  1. Site Styles > Fonts में वह श्रेणी चुनें जो आप चाहते हैं, जैसे Headings।
  2. फ़ॉन्ट ड्रॉपडाउन खोलें और नाम से खोजें।
  3. फ़ॉन्ट चुनें, फिर ज़रूरत के हिसाब से उसकी स्टाइल, वज़न (weight) और साइज़ की सेटिंग्स बदलें।
  4. Adobe Fonts के लिए, लिस्ट के नीचे दिए Additional Fonts लिंक का इस्तेमाल करें।

Squarespace आपको एक बेस साइज़ सेट करने की सुविधा भी देता है, जिससे बाकी टेक्स्ट का साइज़ तय होता है। इसलिए अगर फ़ॉन्ट बदलने के बाद सब कुछ बहुत बड़ा या छोटा लगे, तो अलग-अलग ब्लॉक का साइज़ बदलने से पहले यही सेटिंग ठीक करें।

एक काम की सलाह: हेडिंग और पैराग्राफ़ को अलग-अलग बार में बदलें। अगर दोनों एक साथ बदलें और कुछ गड़बड़ दिखे, तो पता नहीं चलेगा कि वजह कौन-सा बदलाव था। जोड़ी चुनने में मदद के लिए हमारी गाइड वेबसाइट फ़ॉन्ट कैसे चुनें देखें।

तरीका 3: अपना फ़ॉन्ट अपलोड करें

अगर आपका ब्रांड ऐसा फ़ॉन्ट इस्तेमाल करता है जो लाइब्रेरी में नहीं है, तो उसे अपलोड करें। Squarespace के अनुसार इस तरह फ़ॉन्ट इस्तेमाल करने के लिए आपको फ़ॉन्ट के मालिक या लाइसेंसदाता की अनुमति चाहिए।

  1. फ़ॉन्ट फ़ाइल OTF, TTF, WOFF या WOFF2 फ़ॉर्मेट में लें। Site Styles अपलोडर चारों को स्वीकार करता है।
  2. Site Styles > Fonts खोलें, कोई श्रेणी (या फ़ॉन्ट ड्रॉपडाउन) चुनें, और अपलोड का विकल्प ढूँढें।
  3. अपनी फ़ाइल को uploaded fonts पैनल में खींचकर छोड़ें, या प्लस आइकन पर क्लिक करके अपने कंप्यूटर से चुनें।
  4. जिस श्रेणी के लिए चाहिए, उसके लिए अपलोड किया हुआ फ़ॉन्ट चुनें।
  5. Publish करें, फिर लाइव साइट को डेस्कटॉप और फ़ोन दोनों पर देखकर पक्का करें कि फ़ॉन्ट लोड हो रहा है।

इंटरफ़ेस के शब्द समय-समय पर बदलते रहते हैं, इसलिए अगर कोई बटन अलग नाम से दिखे, तो फ़ॉन्ट ड्रॉपडाउन में अपलोड या प्लस आइकन ढूँढें।

अपलोड की आम समस्याएँ

  • फ़ॉन्ट लिस्ट में दिख रहा है लेकिन गलत लग रहा है। हो सकता है फ़ाइल में कोई वज़न या स्टाइल (bold, italic) मौजूद न हो। जितने वज़न आप इस्तेमाल करने वाले हैं, हर एक को अलग फ़ाइल के रूप में अपलोड करें।
  • फ़ॉन्ट एडिटर में चल रहा है लेकिन विज़िटर्स को नहीं दिख रहा। पब्लिश किए गए पेज को हार्ड रिफ़्रेश करें, और फ़ॉन्ट फ़ाइल के लाइसेंस में वेब उपयोग की इजाज़त जाँचें।
  • आपने WOFF2 फ़ाइल अपलोड की और उसे CSS फ़ाइल सेक्शन से इस्तेमाल करने की कोशिश की। CSS एडिटर के Custom Files सेक्शन में फ़ॉन्ट टाइप के तौर पर TTF, OTF और WOFF दिए हैं, WOFF2 नहीं। WOFF2 के लिए Site Styles अपलोडर का इस्तेमाल करें।

तरीका 4: custom CSS से एक एलिमेंट को टारगेट करें

Site Styles श्रेणी के हिसाब से पूरी साइट के फ़ॉन्ट बदलता है। जब आपको अपवाद चाहिए, जैसे किसी एक हेडिंग का अलग फ़ॉन्ट, तब custom CSS यह कर सकता है। Squarespace की अपनी CSS गाइडेंस कहती है कि CSS को फ़ॉन्ट, रंग और बैकग्राउंड तक सीमित रखें, क्योंकि दूसरे बदलाव आपका लेआउट बिगाड़ सकते हैं।

  1. पहले तरीका 3 से फ़ॉन्ट अपलोड करें, या लाइब्रेरी का कोई फ़ॉन्ट चुनें, ताकि फ़ॉन्ट आपकी साइट पर पहले से उपलब्ध हो।
  2. Website > Pages > Custom CSS खोलें (सटीक रास्ता साइट के हिसाब से थोड़ा अलग हो सकता है)।
  3. नीचे जैसा रूल पेस्ट करें, फिर सेव करें।

```css /* Example: make every H2 use a font that is already on your site */ h2 { font-family: "Your Font Name", serif; letter-spacing: 0.02em; }

/* Example: change button text only */ .sqs-button-element--primary { font-family: "Your Font Name", sans-serif; } ```

"Your Font Name" की जगह वही सटीक नाम लिखें जो Site Styles में दिखता है। जेनेरिक फ़ॉलबैक (serif या sans-serif) फ़ॉन्ट लोड न होने पर भी टेक्स्ट को पढ़ने लायक रखता है। क्लास के नाम टेम्पलेट और Squarespace अपडेट के हिसाब से बदल सकते हैं, इसलिए जिस एलिमेंट को टारगेट कर रहे हैं उसका सही सिलेक्टर ब्राउज़र के इंस्पेक्टर से पक्का कर लें।

अगर आप CSS सिर्फ़ एक पेज पर लगाना चाहते हैं, तो Squarespace के हेल्प सेंटर में इसके लिए पेज-स्तर के विकल्प बताए गए हैं; भरोसा करने से पहले वहाँ मौजूदा स्टेप्स जाँच लें।

पब्लिश करने से पहले फ़ॉन्ट की एक छोटी चेकलिस्ट

इस सूची को कॉपी करें और एक बार पूरा देख लें।

  • [ ] हेडिंग और बॉडी टेक्स्ट में दो से ज़्यादा फ़ॉन्ट फ़ैमिली इस्तेमाल नहीं हुई हैं।
  • [ ] बॉडी टेक्स्ट सिर्फ़ डेस्कटॉप पर नहीं, फ़ोन पर भी आसानी से पढ़ा जा सकता है।
  • [ ] आप जो भी वज़न इस्तेमाल करते हैं (regular, bold, italic), वह फ़ॉन्ट में उपलब्ध है।
  • [ ] अपलोड किए हर फ़ॉन्ट को वेब पर इस्तेमाल करने का लाइसेंस आपके पास है।
  • [ ] बटन और फ़ॉर्म लेबल का फ़ॉन्ट बाकी पेज से मेल खाता है।
  • [ ] आपने जो भी custom CSS जोड़ा, उसकी एक कॉपी सेव कर ली है।
  • [ ] आपने सिर्फ़ एडिटर प्रीव्यू नहीं, लाइव साइट भी जाँची है।

वर्शन 7.0 बनाम 7.1

Squarespace का हेल्प सेंटर बताता है कि 7.1 की फ़ॉन्ट सुविधाएँ 7.1 साइट्स पर लागू होती हैं और 7.0 साइट्स की अपनी फ़ॉन्ट सेटिंग्स होती हैं। 7.0 पर फ़ॉन्ट बदलाव Design पैनल के Site Styles से होते हैं। अगर आप बदलने का सोच रहे हैं, तो Squarespace के पास एक अपडेट टूल है, और हमारा Squarespace रिव्यू बताता है कि मौजूदा एडिटर कैसा है। अगर फ़ॉन्ट आपकी कई परेशानियों में से एक है, तो Squarespace विकल्प पेज दूसरे बिल्डर्स की सूची देता है, और हमारा लागत विवरण दिखाता है कि Squarespace साइट पर कुल कितना खर्च आता है।

अगर आप नई साइट शुरू कर रहे हैं

जब आप कोई टेम्पलेट चुन रहे हों या शुरू से साइट बना रहे हों, तो पहले टाइपोग्राफ़ी तय करें। बाद में ठीक करने से यह आसान है। We.Inc के फ़्री प्लान में आप रेडीमेड टेम्पलेट्स से तीन साइट्स तक पब्लिश कर सकते हैं; प्रॉम्प्ट से साइट का ड्राफ़्ट बनाने वाला AI बिल्डर Starter प्लान पर $20 प्रति माह से शुरू होता है। आप यहाँ साइन अप करें।

फ़्री में शुरू करें · क्रेडिट कार्ड की ज़रूरत नहीं

Umair Ali Sadaqat

We.Inc के संस्थापक

उमैर We.Inc के संस्थापक हैं। वे AI से वेबसाइट बनाने, एजेंसियों और वेब स्टूडियो चलाने के व्यवसाय के बारे में लिखते हैं।

कुछ शानदार बनाने के लिए तैयार हैं?

उन 15,000+ बिज़नेस से जुड़ें जो एक ही प्लेटफ़ॉर्म से लॉन्च करने, बढ़ने और ऑटोमेट करने के लिए We.Inc इस्तेमाल करते हैं।

फ़्री में शुरू करें

क्रेडिट कार्ड की ज़रूरत नहीं · सेल्स टीम से बात करें

संबंधित: ब्लॉग

प्रोडक्ट

किसके लिए

फ़ीचर

संसाधन

कंपनी

साइटमैप