Siteler küçük ve okunamaz görünüyorsa, ekran ölçeğini Windows'ta ve tarayıcının kendisinde ayarlayabilirsiniz, CTRL ve +, -, 0 (sıfırlama) tuş kombinasyonunu veya fare tekerleğini kullanabilirsiniz.

Herhangi bir değişiklikle birçok site bulanıklaşıyor, bulanıklaşıyor. Ben kendim bir kodlayıcıyım ve bu nedenle bunu çok eleştiriyorum. Bulanık simgeler ve fotoğraflar - daha kötü ne olabilir?

Siteye 100×100 piksellik bir simge eklersem, en azından mizanpaj süresi için tam olarak aynısını ekranda görmek istiyorum. Daha sonra testleri çalıştıracağım ve siteye bakacağım. farklı tarayıcılar vb.

Sadece yazı

Sitelerdeki resimlerin ve arayüz öğelerinin bulaşmaması için Firefox'ta önce “Yalnızca metin” kutusunu işaretliyorum:

Menü › Görünüm › Ölçek › Yalnızca Metin

(menü gizli ise ALT tuşu ile geri dönebilirsiniz)

Artık ölçekte yapılacak herhangi bir değişiklik yalnızca yazı tipi boyutunu etkileyecek ve web sitesi grafikleri net kalacaktır. Modern sitelerin bir lastik marjı vardır, böylece yazı tipi büyütüldüğünde “hiçbir şey olmaz”.

Sistem ölçeklendirmesini iptal et

Firefox'un yeni sürümlerinde (ve sadece o değil) sistem ayarlarını okumayı ve uyarmadan uygulamayı öğrendi. Windows'ta %125'lik bir ölçeğim vardı ve siteler "bulanıklaştı". Ölçeği bu şekilde %100'e döndürebilirsiniz:

about:config (adres çubuğunda)
layout.css.devPixelsPerPx = 1 (varsayılan -1'dir)

Ancak bununla birlikte tarayıcıdaki sekmeler, yer imleri ve menüler de azalacaktır.

Yakınlaştırma arayüzü (sekmeler, menüler)

Gözlerini kırmamak için, sistem menüleri ve eklentiyi kullanarak tarayıcıdaki yazı tiplerini büyütün:

Kurulumdan sonra Menü › Araçlar'da bulunabilir. Ayarlarım: Segoe UI yazı tipi (arayüz için en uygun), boyut 19 piksel (daha yüksek ayarlarsanız, sekmelerdeki simgeler ve site adları birbirinden ayrılır).

Yüksek DPI Ekranlar

Bu tür ekranlar için tarif aynıdır, sadece doğru sayıları seçmeniz yeterlidir. Siteleri düzenlerken, örneğin, blok boyutlarında neler olduğunu açıkça anlamak için 2: 1 ölçeği uygundur.

Sitenin yazarı sayesinde

Projeyi desteklemek istiyorsanız Yandex.Money platformunu kullanın - bu gizli ve güvenlidir.

9 yanıt

~/.mozilla/firefox//chrome altında userChrome.css dosyasını şununla değiştirmeniz gerekir:

/* Web geliştirici araçları için stiller */ @namespace url(http://www.w3.org/1999/xhtml); .CodeMirror ( yazı tipi ailesi: "Ubuntu Mono", monospace !important; yazı tipi boyutu: 15pt !important; )

Sonuç şöyle görünür:

Bu yalnızca hata ayıklayıcıyı ve stil düzenleyiciyi değiştirir. Html denetçisi için başka bir seçici var. Ne olduğundan emin değilim.

Firefox'u açın ve about:support yazın. Kısımda " Uygulama Temelleri" "Profil Dizini" ni seçti - Açık sözlük". Bu seni ateşleyecek dosya yöneticisi. Chrome klasörü yoksa, oluşturun. Bundan sonra o chrome klasörüne gidin ve userChrome.css dosyasını oluşturun, açın Metin düzeltici ve şunu ekleyin: .devtools-monospace (font-size: 12px!important;) Kaydet. Firefox'u yeniden başlattığınızdan emin olun.

GÜNCELLEME: Bir şey beni rahatsız ediyordu - devtools konsoluna yazarken, metin aslında çıktısından biraz daha küçük (Enter'a bastıktan sonra). Aynı hale getirmek için değişmemiz gerekiyor yazı Boyutu ilgili CSS sınıfı için. Henüz sınıf adını bilmiyorum, bu yüzden yeni yükledim

* ( font-size: 12px !important; ) * ( font-size: 12px !important; ) global olarak çalışır ve çalışır.

Yani, yukarıda belirtildiği gibi, kısa cevap cmd ++ .

Ancak + işareti doğrudan klavyenizde bulunmayabilir (sayısal tuş takımı, dizüstü bilgisayar, garip düzen yok).
Ardından, örneğin bir Amerikan klavye düzeninde + işaretine erişmek için önce maj tuşuna basmanız gerekir: maj + = .
Ne yazık ki, geliştirme araç çubuğuna doğru şekilde odaklanmış olsanız bile, cmd + maj += görünüm çubuğunun yazı tipini artırır ve cmd + - geliştirme araç çubuğundaki yazı tipini azaltır.
Ve okunamayan ve büyütmenin hiçbir yolu olmayan küçük bir yazı tipi boyutuna sahip bir web uygulaması araç çubuğu elde edersiniz.

Ardından @ Thal'in yanıtı, dev araç çubuğuna odaklanıldığında uygun cmd + 0 , dev aracı yazı tipi boyutunu orijinaline sıfırlar.

@Timothy_Truckle gibi bir soruya cevap vermek istiyorsanız, işte birkaçı (elbette hala geliştirme araç çubuğuna odaklanıyoruz):

• ABD klavye düzenine geçin ve cmd += tuşlarına basın
• + mevcut olan bir klavye düzeni bulun, ona geçin ve cmd + + tuşlarına basın

Bazıları için cmd++'a basmanın neden zor olduğunu veya bazılarının geliştirme araç çubuğuna odaklanmasının neden zor olduğunu merak edenler için (çünkü aslında geliştirme araç çubuğuna odaklanırlar, ancak sonuç sanki web görünüm çubuğu sayfalarına odaklanmış gibidir).

devtools-monospace sınıf seçicisine stil verebilirsiniz. Bunu yapmak için mozilla profil krom dizininizdeki userChrome.css dosyasını düzenleyin ve gerekli CSS özelliklerini belirtin. Örneğin:

Devtools-monospace ( font-family: "Source Code Pro",monospace !important; font-size: 16px !important; )

userChrome.css, Firefox profilinizin krom klasöründe olmalıdır. Klasör yoksa, oluşturun. Ardından userChrome.css dosyanız CSS'yi şuradan geçersiz kılar: Firefox araçları tarayıcıyı yeniden başlattıktan sonra dev.

Profilinizi Windows'ta bulmak için: Strg + R ve ardından şunu yazın:

%APPDATA%\Mozilla\Firefox\Profiles\

Biraz Firefox öğeleri Chrome klasöründe bulunan userChrome.css dosyasına yazılabilir Chrome Firefox.
2018'den itibaren, ~/.mozilla/firefox//chrome/userChrome.css dosyasını aşağıdakine benzer bir şeyle değiştirin/oluşturun:

@-moz-document url-prefix("chrome://devtools/content/") ( * ( yazı tipi boyutu: 13px !important; ) )

Ardından Firefox'u yeniden başlatın.

Mozilla forumlarındaki çözüm neredeyse doğru: https://support.mozilla.org/en-US/questions/1198481

Sekme adları dahil tüm pencere öğeleri için yazı tiplerini artırdığı için Ctrl += veya Cmd += kullanmak benim için ideal değildi.

.devtools-monospace ( font-size: 13px !important;) kullanmak neredeyse iyiydi, ancak Hata Ayıklayıcı ve Ağ sekmelerini etkilemedi.

@ Bohag_bihu'nun çözümünü kullanmanın yan etkileri oldu adres çubuğu ve diğer bazı metin girişleri.

John'un dediği gibi, devtools'ta yazı tipi boyutunu artırmanın yolu, tıpkı bir web sayfasında yaptığınız gibi ctrl/cmd + kullanmaktır. Aslında devtools bir web sayfasıdır. Sadece önce devtools çerçevesinin odaklandığından emin olmanız gerekir.

Korkarım şu anda kodun yazı tipi boyutunu artırmanın bir yolu yok.

Birçok insan çalışma zamanının çoğunu bilgisayarda geçirir ve uzun süre bir monitörde çalışırken ana yükü ilk etapta gözlerin aldığını çoğu zaman unuturuz. Uzmanlar, gözlerin monitörden en uygun mesafesinin otuz ila elli beş santimetre arasında olduğunu ve hiçbir durumda şaşmamanız gerektiğini söylüyor. Belirli bir mesafede, İnternet kaynaklarının metni sizin için zayıf görünüyorsa veya günün sonunda onu kötü bir şekilde sökmeye başladıysanız, o zaman sayfayı veya metnin kendisini yakınlaştırmak daha iyidir, " değil. burnunu monitör ekranına sok. Bunu nasıl yapacağımızı aşağıda tartışacağız.

Mozilla'da bir sayfa nasıl yakınlaştırılır

Web kaynaklarında görüntülenen bilgilerin ölçeğini değiştirmek için çeşitli seçenekler vardır. Mevcut seçenekleri göz önünde bulundurun.

Firefox web tarayıcı menüsünü kullanarak okunabilirliği artırmak amacıyla bir sayfayı yakınlaştırmak için şunları yapmanız gerekir:

Tarayıcıyı başlatın, menüyü açın (pencerenin sağ üst köşesinde, birbirinin altında bulunan üç yatay çizgili bir simge). Menü penceresinin en üstünde yakınlaştırma kontrol panelini görebilirsiniz. Artı işaretine tıklayın, ölçek sırasıyla eksi işaretine göre artar, azalır. Ortadaki yüzdeler, İnternet portalında görüntülenen nesnelerin boyutunu gösterir. Bu sayılara tıklayarak, boyut yüzde yüz standarta dönecektir.

Ayrıca sağ üst köşede adres çubuğunun yanında mevcut yakınlaştırma düzeyini de görebilirsiniz.

Klavye kısayollarını kullanarak sayfanın ölçeğini değiştirmek için, belirli bir sitedeyken "Ctrl" tuşunu basılı tutmanız ve aynı anda klavyedeki "+" düğmesine basmanız gerekir. kişisel bilgisayar sayfa boyutunu artırmak için “-” düğmesine basarak küçültün ve “0” sayısı değerini standart olana sıfırlayacaktır. Ayrıca artı ve eksi butonları yerine çarkı da kullanabilirsiniz. Bilgisayar faresi, ileri doğru çevirerek, "Ctrl" tuşuna basarken, ölçeği artıracak, geri, azaltacaksınız.

Mozilla'da harfler nasıl artırılır

Herhangi bir İnternet kaynağının metnindeki yazı tipi boyutunu değiştirmeniz gerekiyorsa, bunun için bir web tarayıcısı başlatmanız gerekir, klavyedeki "Alt" düğmesine basın. Pencerenin üst kısmında geleneksel Firefox menü çubuğuna sahip olacaksınız. “Görüntüle” öğesini tıklayın, ardından “Ölçek” alt öğesinin üzerine gelin ve “Yalnızca Metin” işlevinin yanındaki kutuyu işaretleyin.

Şimdi, İnternet kaynağının ölçeğini değiştirmek için yaptığınız tüm eylemleri yaparak, web sayfasının metin bölümünün ölçeğini değiştirecekler.

Siteyi bir bütün olarak yeniden boyutlandırmaya geri dönmek için "Alt" düğmesine tekrar basmanız, "Görüntüle" - "Ölçekle" seçeneğini seçmeniz ve "Salt Metin" öğesinin işaretini kaldırmanız gerekir.

Ayrıca Mozilla tarayıcısı, İnternet sitesinin metin kısmı için minimum yazı tipini ayarlama işlevine sahiptir. Bir web sayfasını açtığınızda, Firefox metin boyutunu belirlediğiniz minimum boyuta dönüştürür. Minimum metin boyutunu ayarlamak için aşağıdaki resimdeki talimatları izleyin.

Her başladığınızda veya başka bir İnternet kaynağına gittiğinizde ölçeği değiştirmek istemiyorsanız, bunu sizin için yapacak özel bir tarayıcı eklentisi indirebilirsiniz. Bu uzantıya "NoSquint Plus" denir.

Yüklemek için ihtiyacınız olan:

Mozilla arama motorunu açın, tarayıcı menüsüne gidin, "Eklentiler" menü öğesini seçin.

Açılan pencerede, arama çubuğuna "NoSquint Plus" uzantısının adını girin, aramaya tıklayın (arama kutusunun sağındaki büyüteç simgesi). Aramanın sonunda, öğesini seçin. istenilen uzantı ve sağındaki "Yükle" düğmesini tıklayın.

Bu makale, tercih ettiğiniz yazı tipi stillerini ve renklerini seçerek web sayfalarının görünümünü nasıl özelleştireceğinizi açıklar.

Yazı tipi değişikliği

Yazı tipini değiştirmek için:

Özel yazı tipleri

Bazı web siteleri kendi özel yazı tiplerini kullanır. Bunları kapatmak için:

Diğer yazı tipi seçenekleri

1. Açılır listeden Karakter seti için yazı tipleri Yazı Tipleri iletişim kutusunda grup/kod dilini seçin.
   • Örneğin, Batı Avrupa dilleri/komut dosyaları (Latin) için varsayılan yazı tiplerini ayarlamak için Latince. Listelenmeyen diller/komut dosyaları için Diğer yazı sistemleri.
2. Metnin serif (örn. "Times New Roman") veya sans serif (örn. "Arial") olup olmayacağını seçin. Ardından orantılı metin için ayarlamak istediğiniz yazı tipi boyutunu belirtin.
3. Serif, Sans Serif ve Monospace yazı tipiyle kullanılacak yazı tipini belirtin. Monospace yazı tiplerinin boyutunu da değiştireceksiniz.

Web sayfası için en küçük yazı tipi boyutunu da ayarlayabilirsiniz. Bu, sitelerin zar zor okunabilen aşırı küçük yazı tiplerini kullanmasını önlemek için kullanışlıdır.

• Eski web sayfaları için metin kodlaması: Bu metin kodlaması, kendi kodlamasını belirtmemiş eski web sayfaları için kullanılır.

Yazı tipi rengini değiştirme

Yazı tipi rengini değiştirmek için:

Özel yazı tipi rengi

Bazı web siteleri standart olmayan yazı tipi renkleri kullanır. Bunları kapatmak için:

Renkler için Daha Fazla Seçenek

Metin ve arka plan: Burada, bu bilgiyi sağlamayan web sayfalarında kullanmak için varsayılan metni ve arka plan rengini değiştirebilirsiniz. Paletten bir renk seçmek için renk örneğine tıklayın.

• Sistem renklerini kullan: Ayarlarda tanımlanan renkleri kullanmak için bu seçeneği işaretleyin. işletim sistemi Yukarıdaki renkler yerine.

Bağlantı rengi: Burada web bağlantıları için varsayılan renkleri değiştirebilirsiniz. Paletten bir renk seçmek için renk örneğine tıklayın.

• Bağlantıların altını çiz: Varsayılan olarak, web sayfalarında bağlantıların altı çizilir. Bunu devre dışı bırakmak için bu onay kutusunu temizleyin. Birçok sitenin kendi stil kurallarını tanımladığını ve bu ayarın bu siteler üzerinde hiçbir etkisi olmayacağını unutmayın.
• Sayfa tarafından belirtilen renkleri yukarıda seçilen renklerle değiştirin:
  • Her zaman: Tüm siteleri varsayılan renkleri kullanmaya zorlamak için bu seçeneği belirleyin.
  • Sadece zıt temalarla: Bu ayar, Firefox'u Yüksek Karşıtlık Windows Linux Temaları kullandığınız durumlar dışında, web sayfasının yazarı tarafından belirtilen renkleri kullanmaya zorlar.
  • Hiçbir zaman: Firefox'un web sayfasının yazarı tarafından belirtilen renkleri kullanmasını sağlamak için bu seçeneği seçin.

Not: Daha sonra varsayılan renkleri geri yüklemek isterseniz:

1. Adres çubuğuna şunu yazın hakkında:yapılandırma ve bas Girişdönüş.

   • Hakkında: yapılandırma uyarı sayfası görünebilir "Dikkatli olun yoksa garantinizi geçersiz kılarsınız!". Tıklamak Riski alıyorum! about:config sayfasına gitmek için.
2. Arama çubuğuna tarayıcı*rengi yazın.
3. Tıklamak sağ tık farelerKontrol tuşunu basılı tutun ve fareye tıklayın.üzerinde kullanıcı ayarla değişti parametreler.
4. Seçme Sıfırla.

ölçekleme

Firefox ayrıca bir yakınlaştırma özelliği içerir. Bu, herhangi bir web sayfasındaki metin boyutunu artırmanıza olanak tanır. Daha fazla talimat için makaleye bakın.

Veya Opera tarayıcısındaki sayfa boyutu.

Sol üst köşede Tarayıcı aç gitmek Menü, Seçme Ayarlar Ve git Genel Ayarlar:

Resimler üzerlerine tıkladığınızda büyür.

İÇİNDE Genel Ayarlar gitmek internet sayfaları. Yeni pencerede sayfanın yazı tipini veya ölçeğini artırabilir veya azaltabilir, yazı tipinin stilini ve rengini, arka plan rengini ve bağlantılarını seçebilirsiniz. Değişiklikleri kaydetmek için tıklayın. Tamam:

2. Tarayıcıda yazı tipi veya sayfa boyutu nasıl değiştirilir? Google Chrome.

Tarayıcının sağ üst köşesinde, üzerine tıklayın. tarayıcı kontrol simgesi. Yeni bir pencerede, bul Ölçek ve + veya - simgelerine basarak, doğru beden sayfalar:

Yazı tipi stilini ve boyutunu değiştirmek için ayarlar simgesine tıklayın ve Google yönetimi Chrome, şuraya gidin: Ayarlar:

Tarayıcıda açılır yeni sayfa, Tıklayın Göstermek ek ayarlar , Web içeriğinde yazı tipi boyutunu artırın veya azaltın. basmak Yazı tiplerini özelleştir yazı tipi stilini değiştirmek için:

3. Yazı tipi veya sayfa boyutu nasıl değiştirilir? Mozilla tarayıcısı Firefox.

üst çubukta Menü tarayıcı tıklaması Görünüm, git Ölçek. Küçük pencerede, tarayıcı penceresinin boyutunu veya yalnızca sayfanın metnini artırmayı, küçültmeyi seçin:

Yazı tipinin stilini, boyutunu veya rengini, arka plan rengini, bağlantılarını değiştirmek için şuraya gidin: enstrümanlar — Ayarlar — İçerik. Değişiklikleri Kaydet - Tamam:

Tüm tarayıcılarda, kısayol tuşlarını kullanarak sayfayı yeniden boyutlandırabilirsiniz:

4. Safari tarayıcısında yazı tipi veya sayfa boyutu nasıl değiştirilir.

Safari'de bir sayfayı yakınlaştırın veya uzaklaştırın Menü tarayıcı - Görünüm:

Veya Safari'de (ve diğer tarayıcılarda) MacO'larda farklı olan sayfayı yeniden boyutlandırmak için "kısayol tuşlarını" kullanmak daha kolaydır:

Yazı tipi stilini veya boyutunu değiştirin - safari — Ayarlar — Görünüm:

Yalnızca metni yeniden boyutlandırmak daha da kolaydır: adres çubuğunun sonunda Sadece yazı ve web sayfasının üstünde yeni bir salt metin sayfası açılır, burada sayfanın alt kısmındaki küçük bir panelde metni artırabilir, azaltabilir veya bir arkadaşınıza postayla gönderebilirsiniz.

Kısayol tuşlarını kullanın" ( ctrl + , Ctrl- , ctrl0 ) veya açıklığın sağ üst köşesinde Internet Explorer basmak disk, Daha ileri Ölçek ve yeniden boyutlandır:

Ana tarayıcıları öğrenin.