Squarespace 7.1'de Yazı Tipi Nasıl Değiştirilir (Site Styles + CSS)

Squarespace 7.1'de yazı tipini Site Styles'tan değiştirin, kendi font dosyanızı yükleyin veya özel CSS ile tek bir öğeyi hedefleyin. Adımlar, karar tablosu ve çözümler.

Sıkça sorulan sorular

Squarespace sitemin tamamında yazı tipini nasıl değiştirebilirim?

Sürüm 7.1 kullanan bir sitede Site Styles'ı açın, Fonts'a tıklayın ve önerilen font paketlerinden birini seçin ya da All Font Packs'i açıp sans-serif, serif veya karma seçeneğine göre filtreleyin. Bir font paketi; başlıklar, paragraflar, düğmeler ve diğer metinlerin yazı tiplerini tek seferde belirler.

Squarespace'te herhangi bir Google Font'u kullanabilir miyim?

Font açılır menüsünde Google Fonts'ta ada göre arama yapabilirsiniz; ancak Squarespace'in kendi yardım merkezi, her Google Font'un kütüphanesinde bulunmadığını belirtiyor. İstediğiniz font yoksa, lisansı izin veriyorsa font dosyasını kendiniz yükleyebilirsiniz.

Squarespace'e hangi font dosya türlerini yükleyebilirim?

Site Styles içindeki font yükleyici OTF, TTF, WOFF ve WOFF2 dosyalarını kabul eder. CSS düzenleyicisiyle birlikte kullanılan ayrı Custom Files alanı ise TTF, OTF ve WOFF türlerini listeler; bu yüzden WOFF2 dosyası için CSS dosya alanı yerine Site Styles yükleyicisini kullanın.

Özel bir font yüklemek için izne ihtiyacım var mı?

Evet. Squarespace yardım merkezi, bir fontu sitenizde kullanmak için font sahibinin veya lisans verenin iznine ihtiyaç duyduğunuzu belirtiyor. Yüklemeden önce lisansın web kullanımına izin verip vermediğini kontrol edin.

Font adımları neden benim sitemde farklı?

Sürüm 7.0 ve sürüm 7.1 sitelerinin font ayarları farklıdır. Bu rehberdeki adımlar 7.1 içindir. 7.0'da font değişiklikleri Design panelindeki Site Styles üzerinden yapılır. Squarespace ayrıca 7.0'da kurulan özel Adobe fontlarının 7.1'de desteklenmediğini belirtiyor; bu durumda 7.1'in yerleşik fontlarından birini seçmeniz gerekir.

Şablon değiştirirsem özel CSS korunur mu?

Sürüm 7.0 sitelerinde Squarespace, şablon değiştirdiğinizde özel CSS'in aktarılmadığını belirtiyor. Eklediğiniz CSS'in bir kopyasını saklayın; gerekirse geri yapıştırabilirsiniz.

Kısa cevap: Squarespace 7.1 sitesinde Site Styles'ı açın, Fonts'a tıklayın ve ya bir font paketi seçin ya da Headings (Başlıklar), Paragraphs (Paragraflar), Buttons (Düğmeler) ve Miscellaneous (Diğer) gruplarını tek tek biçimlendirin. Kütüphanede olmayan bir font kullanmak için aynı panelden kendi dosyanızı yükleyin. Özel CSS'i yalnızca belirli bir öğeyi değiştirmeniz gerektiğinde kullanın.

Bu rehber, Squarespace'in kendi yardım merkezinde anlatıldığı şekliyle sürüm 7.1 adımlarını kapsar (Kasım 2026'da kontrol edildi). Siteniz sürüm 7.0 üzerindeyse panel adları farklıdır; ayrıntı için sondaki sürüm notuna bakın.

Hangi yöntemi kullanmalısınız?

İstediğiniz sonuca ulaştıran en hafif seçeneği seçin. Tabloda aşağı indikçe her yöntem biraz daha fazla hazırlık gerektirir.

Ne istiyorsunuz?	En uygun yöntem	Emek
Tek tıkla tamamen yeni bir görünüm	Site Styles'ta font paketi	Düşük
Başlıklar ve gövde metni için farklı fontlar	Site Styles'ta kategori bazlı fontlar	Düşük
Belirli bir Google Font	Font açılır menüsünde arama	Düşük
Lisansına sahip olduğunuz bir marka fontu	Font dosyası yükleme	Orta
Yalnızca tek bir başlık, düğme veya bölüm	Özel CSS	Orta ila yüksek

Yöntem 1: Font paketiyle yazı tipini değiştirin

Bir font paketi, tüm metin kategorileri için uyumlu fontları aynı anda ayarlar; bu da bir siteyi yeniden biçimlendirmenin en hızlı yoludur.

Düzenleyiciyi açın ve Site Styles'a (fırça simgesi) tıklayın.
Fonts'a tıklayın.
Önerilen paketlerden birini seçin ya da All Font Packs'e tıklayıp sans-serif, serif veya karma seçeneğine göre filtreleyin.
Paneli kapatmadan önce sayfalarınızı kaydırarak başlıkları, gövde metnini ve düğmeleri kontrol edin.

Paketler iyi bir başlangıçtır, ancak beğendiğiniz bir başlık fontu ile beğenmediğiniz bir gövde fontuyla baş başa kalabilirsiniz. Bir sonraki yöntem tam olarak bunu çözer.

Yöntem 2: Tek bir metin kategorisinin yazı tipini değiştirin

Fonts altında Squarespace metni dört gruba ayırır. Her birini ayrı ayrı ayarlayabilirsiniz:

Headings (Başlıklar): sayfa başlıkları ve metin bloklarınızdaki başlık stilleri.
Paragraphs (Paragraflar): gövde metni.
Buttons (Düğmeler): düğme etiketleri.
Miscellaneous (Diğer): resim altyazıları ve form etiketleri gibi daha küçük metinler (bu grubun tam kapsamı şablona göre değişir; değiştirdikten sonra birkaç sayfayı kontrol edin).

Birini değiştirmek için:

Site Styles > Fonts bölümünde istediğiniz kategoriye, örneğin Headings'e tıklayın.
Font açılır menüsünü açın ve ada göre arayın.
Fontu seçin, ardından stil, kalınlık ve boyut ayarlarını gerektiği gibi düzenleyin.
Adobe Fonts için listenin altındaki Additional Fonts bağlantısını kullanın.

Squarespace ayrıca diğer metinlerin ölçeklendiği bir temel boyut belirlemenize izin verir. Bu yüzden font değişikliğinden sonra her şey fazla büyük ya da küçük görünüyorsa, tek tek blokları yeniden boyutlandırmadan önce bu ayarı düzenleyin.

Pratik bir ipucu: başlıkları ve paragrafları ayrı turlarda değiştirin. İkisini aynı anda değiştirirseniz ve bir şey yanlış görünürse, hangisinin neden olduğunu anlayamazsınız. Font eşleştirmesi seçerken yardım için web sitesi fontları nasıl seçilir rehberimize göz atın.

Yöntem 3: Kendi fontunuzu yükleyin

Markanız kütüphanede bulunmayan bir font kullanıyorsa onu yükleyin. Squarespace, bir fontu bu şekilde kullanmak için font sahibinin veya lisans verenin iznine ihtiyacınız olduğunu belirtiyor.

Font dosyasını OTF, TTF, WOFF veya WOFF2 biçiminde edinin. Site Styles yükleyicisi dördünü de kabul eder.
Site Styles > Fonts bölümünü açın, bir kategori (ya da font açılır menüsü) seçin ve yükleme seçeneğini bulun.
Dosyanızı yüklenen fontlar paneline sürükleyin ya da artı simgesine tıklayıp bilgisayarınızdan seçin.
İstediğiniz kategori için yüklediğiniz fontu seçin.
Yayımlayın, ardından fontun yüklendiğini doğrulamak için canlı siteyi masaüstünde ve telefonda görüntüleyin.

Arayüzdeki ifadeler zaman zaman değişir; bir düğmenin adı farklıysa font açılır menüsü içinde yükleme veya artı simgesini arayın.

Sık karşılaşılan yükleme sorunları

Font listede görünüyor ama yanlış görünüyor. Dosyada bir kalınlık ya da stil (kalın, italik) eksik olabilir. Kullanmayı planladığınız her kalınlığı ayrı bir dosya olarak yükleyin.
Font düzenleyicide çalışıyor ama ziyaretçilerde çalışmıyor. Yayımlanan sayfayı zorla yenileyin (hard refresh) ve font dosyasının lisansının web kullanımına izin verip vermediğini kontrol edin.
WOFF2 dosyası yükleyip CSS dosya alanından çağırmaya çalıştınız. CSS düzenleyicisindeki Custom Files alanı font türleri olarak TTF, OTF ve WOFF'u listeler, WOFF2'yi değil. WOFF2 için Site Styles yükleyicisini kullanın.

Yöntem 4: Özel CSS ile tek bir öğeyi hedefleyin

Site Styles, yazı tiplerini kategoriye göre tüm sitede değiştirir. Bir istisna gerektiğinde, örneğin tek bir başlığın farklı bir fontla görünmesini istediğinizde, özel CSS bunu yapabilir. Squarespace'in kendi CSS rehberi, diğer değişikliklerin düzeninizi bozabileceği için CSS'in yazı tipleri, renkler ve arka planlarla sınırlı tutulması gerektiğini söylüyor.

Fontun sitenizde zaten kullanılabilir olması için önce Yöntem 3 ile fontu yükleyin ya da kütüphaneden bir font seçin.
Website > Pages > Custom CSS yolunu açın (tam yol siteye göre biraz değişebilir).
Aşağıdakine benzer bir kural yapıştırın, ardından kaydedin.

```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" ifadesini Site Styles'ta görünen tam adla değiştirin. Genel yedek font (serif veya sans-serif), font yüklenemezse metnin okunabilir kalmasını sağlar. Sınıf adları şablona ve Squarespace güncellemelerine göre değişebilir; bu yüzden hedeflediğiniz öğenin seçicisini doğrulamak için tarayıcınızın inceleme aracını kullanın.

CSS'i yalnızca tek bir sayfaya uygulamak isterseniz, Squarespace yardım merkezi bunun için sayfa düzeyinde seçenekleri anlatıyor; güvenmeden önce güncel adımları orada doğrulayın.

Yayımlamadan önce hızlı font kontrol listesi

Bu listeyi kopyalayın ve bir kez gözden geçirin.

[ ] Başlıklar ve gövde metni en fazla iki yazı tipi ailesi kullanıyor.
[ ] Gövde metni yalnızca masaüstünde değil, telefonda da kolay okunuyor.
[ ] Kullandığınız her kalınlık (normal, kalın, italik) fontta mevcut.
[ ] Yüklediğiniz her fontu web'de kullanma lisansına sahipsiniz.
[ ] Düğmeler ve form etiketleri sayfanın geri kalanıyla uyumlu bir font kullanıyor.
[ ] Eklediğiniz özel CSS'in bir kopyasını kaydettiniz.
[ ] Yalnızca düzenleyici önizlemesini değil, canlı siteyi kontrol ettiniz.

Sürüm 7.0 ve 7.1 karşılaştırması

Squarespace yardım merkezi, 7.1 font seçeneklerinin 7.1 sitelerine uygulandığını ve 7.0 sitelerinin kendi font ayarlarına sahip olduğunu belirtiyor. 7.0'da font değişiklikleri Design panelindeki Site Styles üzerinden yapılır. Geçiş yapmayı düşünüyorsanız Squarespace'in bir güncelleme aracı var; güncel düzenleyicinin nasıl kıyaslandığını ise Squarespace incelememiz ele alıyor. Fontlar sizi rahatsız eden birkaç şeyden yalnızca biriyse, Squarespace alternatifleri sayfasında diğer site oluşturucuları bulabilirsiniz; maliyet dökümümüz ise bir Squarespace sitesinin toplamda ne kadara mal olduğunu gösteriyor.

Yeni bir site kuruyorsanız

Bir şablon seçerken ya da sıfırdan site kurarken tipografiyi en başta belirleyin; sonradan düzeltmekten daha kolaydır. We.Inc'in ücretsiz planı, hazır şablonlardan en fazla üç site yayımlamanıza olanak tanır; bir istemden site taslağı hazırlayan yapay zekâ oluşturucu ise Starter planında ayda $20'dan başlar. Buradan kayıt olabilirsiniz.