Resme göre yazı tipi arama - en iyi ücretsiz çevrimiçi hizmetler. Çevrimiçi resimden yazı tipini belirlemenin en iyi yolları - ayrıntılı talimatlar ve hizmetler

Tanıma sürecini eğlenceli bir şeye değilse de en azından sıradan ama umut verici bir prosedüre dönüştürebilecek İnternet kaynaklarından bahsettik.

Ve en iyi, iyinin düşmanı olsa da, bugün daha da ileri gideceğiz. Sonuçta, tarayıcı uzantıları varken kim tüm web sitelerine ihtiyaç duyar?

Yazı Tipi Ninja

Geçen yüzyılda Batı dünyasını kasıp kavuran Asya ve özellikle Japon kültürüne yönelik çılgınlık, BT alanına da yansımaktan geri kalmıyordu.

Bireysel web ürünleri örneğinde, bunu kemer sıkmaya varan minimalizmde, vurgunun sonuçtan sürece kaydırılmasında ve tabii ki dış gereçlere duyulan sempatide görüyoruz. Görünüşe göre geliştiriciler için özel bir cazibe, samurayların ve onların konuşulmayan düşmanları olan ninjaların militan ve gizemli sembolizmidir.

Safari ve Chrome için Fontface Ninja yazı tipi tanımlama uzantısı, sinsi ve verimli bir paralı asker fikrine uyuyor. Bununla çalışmak şu şekilde oluşturulmuştur: uzantı düğmesine tıklayarak, ilgilenilen yazı tipinin üzerine gelin - bir araç ipucu, adı, satır aralığı, boyutu hakkında bilgiler içerecektir. Şanslıysanız, yazı tipini hemen buradan indirebilirsiniz.
Maske işlevi çok ilginç olabilir: sayfanın grafik içeriğini gizlemenize izin vererek yalnızca metin blokları bırakır.

Tip Örneği

Bir diğer yararlı uzantı, ancak yalnızca Chrome kullanıcıları içindir. Geri kalanlar, yer imlerinin hizmetlerini kullanarak eski moda bir şekilde güzelliğe katılabilir.

çalışma prensibi bu durum benzer; Belki de gerçek zamanlı olarak uygulanan "yazı tipleriyle oynama" fırsatı özel ilgiyi hak ediyor. Yazı tipi hakkında bilgi içeren araç ipucu, seçilen metin bloğuna tıklayarak yazı tipi boyutunu değiştirebileceğiniz, pangrama (İngilizce) bakabileceğiniz, kendi örnek metninizi girebileceğiniz ve diğer özgürlükleri alabileceğiniz geçen yüzyıldır.

Chrome, Firefox ve Yandex.Browser için uzantı. Bu her yerde bulunma, son derece basit bir işlevsellik ile telafi edilir: Düğmeye bastım, yazı tipi algılama modunu açtım, doğru olanı işaret ettim ve yeni bir şey öğrendim.

Kayda değer: WhatFont, yalnızca adı tanımlamanıza izin vermez, aynı zamanda metne tıkladığınızda da satır aralığı, yazı tipinin ait olduğu stil, boyut, aile ve geçerli renk kodu.
Ek olarak, yazı tipinin bir bütün olarak İngiliz alfabesi örneğinde nasıl göründüğünü görebilir ve indirebilirsiniz - eğer Google'ın geliştirilmesinde bir eli varsa.

Geliştiricilerin Chrome kullanıcılarına gösterdiği saygının nasıl açıklanacağı bilinmiyor, ancak gerçek şu ki: bu tarayıcı tarafından desteklenen biraz daha fazla yazı tipi tanıma uzantısı var.

Tip.io- mükemmel seçenek gereksiz jestleri kabul etmeyen maksimalistler için. Uzantıyı yükledikten sonra, tarayıcının alt köşesinde, sayfada tanımlanan tüm yazı tiplerinin adlarını ayrı bir sütunda görüntüleyen "T" harfli bir düğme görünecektir. Bir yazı tipinin nerede kullanıldığını öğrenmek için adına tıklamanız yeterlidir.

Sitedeki her şeyi seviyorsunuz: düzen, yapı, kullanılan yazı tipleri. Düzeni ve yapıyı yeterince hızlı anlayabilirseniz, sitedeki yazı tipini nasıl tanıyacağınız sorusu önce sizi ciddi şekilde düşündürebilir. Milyonlarca set icat edildi, özel aletler olmadan belirli bir seti belirlemek işe yaramayacak.

Sayfa kaynak kodu

En kolay yol sayfa kodunu incelemektir. Bu görevi tamamlamak için derin HTML ve CSS bilgisi gerekmez, yalnızca özellikleri bulmanız gerekir " font ailesi". üzerinde düşünün Google örneği Krom:

Beğendiğiniz yazı tipini kullanan sayfayı açın. Metne sağ tıklayın. Seçme " Kodu Görüntüle».

Sağda geliştirici araçlarının bulunduğu bir konsol görünecektir. " öğesini bulun font ailesi».

Bazı sitelerde yazı tipinin adı hemen göze çarpıyor, diğer sayfalarda kodu biraz kaydırmanız gerekiyor. Her halükarda sitedeki yazı tipi nasıl bulunur sorusunun cevabı bulunmuştur.

Bu arada diğer tarayıcılarda da benzer şekilde işlem yapılıyor. Örneğin, içinde Mozilla Firefox metne sağ tıklayın ve "Öğeyi İncele"yi seçin.

Aranan veriler sağdaki pencerede görüntülenecektir, özellik aynı zamanda " font ailesi».

Hizmetler ve uzantılar

Geliştirici araçlarını kullanmak istemiyorsanız ve sayfa kodunda adı arayın, yazı tipini belirlemek için hizmetleri veya uzantıları kullanın.

Fount.artequalswork.com'a gidin. Orada büyük düğme Yakalanacak ve yer imleri çubuğuna sürüklenecek "Fount".

Önemli! Yer imleri çubuğunu Chrome'da görüntülemek için kombinasyona basın Ctrl+Shift+B.

Beğendiğiniz yazı tipiyle sayfayı açın. Basmak Memba yer imleri çubuğunda. İmleç artı işaretine dönüşecektir. Yazı tipine doğrultun ve sol düğmeyi tıklayın. Sonuç sağ üst köşede görünecektir.

Mozilla Firefox, Opera ve diğer tarayıcılarda da Fount sorunsuz çalışmaktadır. Bu hizmeti beğenmediyseniz veya yer imleri çubuğunu kullanmak istemiyorsanız, yazı tipini belirlemek için uzantılardan birini kullanın.

Safari ve Chrome için Fontface Ninja.

Chrome için Örnek yazın.

Chrome, Firefox, Yandex Tarayıcı için WhatFont.

Chrome için Typ.io.

Listelenen tüm uzantılar aynı algoritmaya göre çalışır: eklenti simgesine tıklamanız ve ardından yazı tipinin üzerine gelmeniz gerekir. Bilgiler bir açılır pencerede görünecektir.

Şimdi sana kötü öğreteceğim.

resim var diyelim

ve yazının yapıldığı yazı tipini bulmanız veya stil ve karakter açısından benzer bir yazı tipi seçmeniz gerekir.

Görsel arama

Arama motorlarına gidiyoruz ve görsel aramayı kullanarak görselin kaynağını bulmaya çalışıyoruz.

https://www.google.ru/imghp?hl=ru

Orijinal görseli form üzerinden yüklüyoruz veya sürükleyip bırakarak arama sayfasına bırakıyoruz.

Bazen Yandex, Google'dan daha iyi çalışır.

https://yandex.ru/images/

faydalanmak arama motorları Sonraki.

Örneğin bir logonun kaynağını bulursak, yazarı ve muhtemelen portföyünü ve içinde - kullanılan yazı tiplerinin bir göstergesini bulabiliriz. Veya sadece sayfada, resmin yanında bir yere yazı tipinin adı yazılacaktır.

Kim bilir, olan budur. Şanslar küçük ama göz ardı edilecek kadar da küçük değil. Özellikle umutsuz bir durumda.

MyFonts.som'da "Ne tür yazı tipi"

Myfonts'ta özel eğitimli bir robotun çalıştığı bölüme gidiyoruz.

http://www.myfonts.com/WhatTheFont/

Robota bir resim veriyoruz, o bize yazı tiplerini veriyor. Ya da hiçbir şey.

Ancak kontrol etmeden ve rafine etmeden ona bir resim göndermek için acele etmeyin. Lütfen bunu not al:
– Robot Kiril alfabesini anlamıyor. Yüklemeden önce Latin alfabesinde olmayan tüm karakterleri resimden kaldırın. Kiril karakterler, Latince ile çakışan bırakılabilir.
– Robotun görme yeteneği zayıf. Bazen harfleri standart olmayan şekillerle karıştırır. Bu nedenle, bazen onu her seferinde bir harfle beslemek daha iyidir. En karakteristik olanı bulmaya ve onunla başlamaya değer.

İndirdikten sonra, resimlerin altındaki hücrelere doğru karakterleri girerek tanınan karakterleri düzeltin.

Bir harf veya işaret (örneğin, bir ünlem işareti) iki hücreye düşerse, bir resmi diğerinin üzerine sürükleyin ve mektubu tekrar birleştirin.

Devam'ı tıklayın.

Robot, orijinal yazı tipini bulmaya çalışacak ve daha fazla kendi kendine arama için uygun etiketler önerecektir.

MyFonts.som'da anahtar kelime arama

Arama alanına, çizim aracını, yazı tipinin doğasını veya sınıflandırmasını tanımlayan İngilizce bir kelime veya kelime öbeği giriyoruz.

Resmimiz keçeli kalemle (fırçalı kalem) yapılmış gibi yapılır. "Kaligrafi" (kaligrafi), "el ile" (el yazısı) gibi kelimeler de burada uygundur. Burada robot tarafından önerilen etiketleri kullanabilirsiniz.

Terimleri tek tek arayabilir veya birleştirip tek bir sorguda birleştirebilirsiniz.

Kesinlikle Rusça veya başka bir dil için desteğe ihtiyacınız varsa, gelişmiş arama alanlarında uygun ayarları belirtin ve sonuçlarda çöpleri kesin.

Ara düğmesine basıyoruz ve sonuçları aynı anda kendimiz için işaretleyerek görüntülüyoruz uygun seçenekler değiştirmek.

Orijinal yazı tipini değiştirmek için Myfonts'ta birçok seçenek vardır.

Evet, Mayfonts'ta ücretli fontlar var. Ancak, projenizde test etmek için birkaç karakterden oluşan kısa bir yazı yapmanız gerekiyorsa, tüm yazı tipini satın almak aptalca.
Bulduk istenen seçenek ve örneğin görüntü alanını maksimuma çıkarın. Bazı durumlarda, yine de tarayıcıyı yakınlaştırabilirsiniz.

Ekran görüntüsü.

Raster

Photoshop'ta ekranı şuna çevirin: akıllı nesne Akıllı bir nesnede, ona empoze ederiz Gradyan haritasıİstenilen renkten beyaza.

Düzende, akıllı nesne için katman karıştırma modunu ayarlıyoruz, örneğin, Çarpmak.

Beyaz arka plana sahip çoğu durumda bu yeterlidir.

Bu yetmeyenler için ekrandan kaldırabilirsiniz. Beyaz renk. Renk Aralığı ..., beyaz bir arka plana bir pipet sokun

renge göre seçimi al, seçimi tersine çevir,

konturun kenarlığının o kadar yırtılmaması için birkaç kez bir veya iki piksel düzleştirin,

ve tüm beyazı maskenin altına sakla

Ana belgede zaten akıllı nesne ile canınız ne istiyorsa onu yapıyorsunuz, neredeyse bir vektör şekli gibi.

Akıllı Nesne küçültüldüğünde, dış hattın pürüzlülüğü daha az fark edilir hale gelir. Bu nedenle, bir kenar boşluğu ile taramak ve ardından istenen boyuta küçültmek daha iyidir.

Vektör

Bir vektöre ihtiyacınız varsa, izlemeyi Illustrator'da yaparız.

Bir PNG dosyasından ekran görüntüsü açma:

panelde Resim izi koymak Mod: Siyah Beyaz, kene Ön izleme Ve dikkatlice büküm Eşik ve içindeki ayarlar gelişmiş:

Kabul edilebilir bir sonuç aldıktan sonra yazılar yaparız Genişletmek

ve tüm durumlar için bir vektör elde edin:

ücretsiz yazı tipleri

İstenilen yazı tipinin -  ticari bir hikaye olmaması ve eğlence amaçlı ya da satılık olmaması mümkündür. O zaman resmi mağazalarda aramanın bir anlamı yok.

Arka ücretsiz yazı tipleri Vkontakte'ye, gruba git "

Oldukça sık olarak, çeşitli soru-cevap hizmetlerinde insanlar aynı soruyu soruyor: " Resimdeki yazı tipi nasıl belirlenir».

Grafik veya web tasarımı ile ilgisi olmayanlar için bunun neden gerekli olduğunu anlamak zordur)) Herhangi bir resim veya logodaki yazı tipini belirlemenin ve seçim yapmanın ne kadar zor olduğunu "bilen" kişiler iyi bilir. böylece metin neredeyse orijinali gibi görünür.

WhatTheFont, bir görüntüden bir yazı tipini belirlemenize yardımcı olacak ücretsiz bir çevrimiçi hizmettir. Tespit sonucunun mümkün olduğunca doğru olması için aşağıdaki koşullara uyulması arzu edilir:

• harfler birbiriyle birleşmemeli, net konturlara sahip olmalıdır
• harfler hizalanmalıdır yatay çizgi
• Harflerin yüksekliğinin 100 piksel civarında olması arzu edilir.

Resimden yazı tipini belirlemek için, aynı resmi servise yüklemeniz veya İnternet'teki adresini belirtmeniz gerekir. Bu eylemlerin her ikisi de üzerinde gerçekleştirilir ana sayfa Yazı tipi ne.

Örnek olarak, yazı tipini tanımla MuzRelax.ru sitemin logosunda. Orada hangi yazı tipinin kullanıldığını biliyorum, ancak WhatTheFont hizmetinin onu doğru tanımlayıp tanımlayamayacağını görelim.

Logonun ekran görüntüsünü aldım ve görüntüyü şu şekilde yükledim:

Gördüğünüz gibi, yazı tipinin arka planı kontrast bile oluşturmuyor, ancak bu da arzu edilen bir durum (beyaz üzerine siyah veya siyah üzerine beyaz).

Açık sonraki Sayfa hizmet, resimdeki tüm yazıyı otomatik olarak ayrı harflere ayıracak ve bunları tanımlamaya çalışacaktır. Tanımlanmamış veya yanlış tanımlanmış harfleri küçük kutulara kendiniz girebilirsiniz. Örneğimde, otomatik modda her şey doğru bir şekilde belirlendi.

Son aşamada hizmet, resimdeki yazı tipine benzeyen bir yazı tipi listesi yayınlayacaktır. Benim durumumda, ilki (Gürcistan) MuzRelax.ru web sitesinin logosunda kullandığım yazı tipi türü olmak üzere 4 seçenek sunuldu. Mükemmel sonuç!

Ne yazık ki, WhatTheFont'un birkaç dezavantajı var:

• Hizmetin veritabanı çok sayıda yazı tipi içermesine rağmen, bazı egzotik olanları belirleyemez.
• Hizmet, Kiril yazı tiplerini algılamıyor. Bununla birlikte, bu dezavantaj oldukça şartlıdır, çünkü İnternet'teki resimden yazı tipini belirlemek için çalışacak tek bir hizmet yoktur. Kiril yazı tipleri. Maalesef…

Benzer çevrimiçi hizmetler arasında lider olan WhatTheFont, iyi topluluk Font belirleme konusunda yardım isteyebileceğiniz tamamen ücretsiz ve çok hızlı çalışıyor. kesinlikle tavsiye ederim!

Not: Bu makaleyi işaretlemeyi ve arkadaşlarınıza tavsiye etmeyi unutmayın).

Herhangi bir tasarımcı, doğru yazı tipini seçme sorunuyla karşı karşıyadır. Bazen bir resimden bir yazı tipi bulmak, bir örnekten bir yazı tipi belirlemek gerekir. Bu, özellikle gelecekteki bir site için yazı tiplerini seçerken web geliştiricileri için geçerlidir. Bu durumda yardım Özel servis Bu makalede ayrıntılı olarak tartışılacak olan.

Öyleyse bir deney yapalım. Bunu yapmak için, seçilen yazı tipini kullanarak Photoshop'ta bir test yazdım ve içinde belirleyeceğim çeşitli hizmetler Hangi yazı tipini kullandım. Böylece hangi hizmetin en iyi olduğunu belirlemiş olacağım.

Servisleri benimle birlikte inceleyebilir ve resmimi test için kullanabilirsiniz. Farklı sonuçlara varabilirsiniz.

İşte yazıt:

Yazı tipini belirleyeceğimiz ilk hizmet -

1. Yazı Tipi Nedir, adres - http://www.whatfontis.com/
   
   
   
   
   Metin içeren bir resim seçmek için “Gözat” düğmesine tıklayın. Ardından, bir öğe seçmeniz ve dauch yapmanız gerekir:
   
   
   
2. Yazı tipi ne, adres http://www.myfonts.com/WhatTheFont/
   xdf
   
   
   
   
   Burada ayrıca hizmete metin içeren bir resim yüklemeniz veya resme doğrudan bir bağlantı eklemeniz gerekir. Diyagram, resmin ne için olması gerektiğini gösterir doğru işlem hizmet. Harfler ve semboller okunaklı olmalı, birleşmemeli, yazı tipi boyutu en az 100 piksel olmalı ve metin yatay olarak hizalanmalıdır.
   
   Metin içeren bir resim seçtikten sonra, "Devam" düğmesini tıklayın. Hizmetin karakterleri kısmen tanımlaması ve yalnızca şüpheli olanları manuel olarak girmeniz gerekmesi güzel.
   
   
   
   
   Bir f ekledim, S'yi i olarak düzelttim ve boş alana bir nokta ekledim. Tekrar "Devam".
   
   Ve bu hizmet, yazı tipini doğru tahmin etme konusunda mükemmel bir iş çıkardı. Sitenin tek eksiği Yazı tipi nebu, şuna kıyasla daha az sayıda yazı tipidir:Yazı Tipi Nedir?
   
   Hizmet derecelendirmesi- 5 puan.
3. Bunlar resimden fontu belirleyen servislerdi. Ancak, ayrı ayrı ayırt edici öğelere göre yazı tipi aramanın işe yaradığı siteler vardır.
   kimlik yazı tipiadres http://www.identifont.com/index.html
   
   
   
   
   Yazı tipinin nasıl göründüğünü tam olarak biliyorsanız, örnek harflere sahipseniz, o zaman küçük bir test yapabilirsiniz. dış görünüş yazı tipini bulun ve adını bulun.
   
   Cevaplamanız için örnek sorular:
   • yazı tipinde serifler var mı,
   • isim: sadece yazı tipinin adını veya bir kısmını girin,
   • benzer yazı tipleri - aradığınız benzer yazı tiplerinin adını girin,
   • yazı tipi tasarımcısı. Yazı tipinin tasarımcısı veya yayıncısı biliniyorsa, onu aramaya dahil edebilirsiniz.
     
     
     Not: Hizmet İngilizce'dir, ancak dili bilmeseniz bile, sorular sembollerle çizimlerle desteklendiğinden anlamak kolaydır.
     
     bulamadım istenilen yazı tipi. Testi geçti.
4. Yazı Tipi Bulucu Firefox Eklentisi- sitede hangi yazı tipinin kullanıldığını belirleyen bir Firefox eklentisi. Sadece sitedeki bir kelimeyi vurgulayın ve eklenti yazı tipini belirleyecek ve css stili.
   Eklenti bağlantısı https://addons.mozilla.org/en-US/firefox/addon/font-finder/
5. Bowfin Baskı İşleri- http://www.bowfinprintworks.com/SerifGuide/serifsearch.php
   
   Bir yazı tipinin neye benzediğine dair fikrinize dayanan bir hizmet, harflerin ve öğelerinin ayrıntılı bir analizini yapmanız gerekir.
   
   
   
   
   Kullanarak bu servis ayrıca yazı tipini belirleyemedi.

Umarım şimdi istediğiniz yazı tipini bulmak, adını bulmak sizin için sorun olmaz.