SVG Logo'da Bozulma Oluyor, Neden Olabilir?

Question

Selamlar.

Siteye yükledim SVG logoda sıkıntı var. Logonun orijinalinde ve sitenin masaüstü sürümünde bir problem gözükmüyor ancak sitenin mobil versiyonunda kelimeler arasında anlamsız bir boşluk oluşuyor. Sanırım eklemem gereken birisi CSS kodu vs var ancak bilmiyorum.

Sorun çözüldü, görseller firma adı olduğu için silindi.

mahsunkskin · Answer

CSS icerisinde yazının fontu bulunmuyor bundan kaynaklı olabilir. Logo fontu ile buraya koymus olduğunuz logonun fontu aynı değil hocam. Logoyu convert edip o şekilde yüklerseniz sorun çözülecektir.

Randy · Answer

.svg çıktı almadan önce yazıyı vektörele çevirmeniz lazım. Vektörele çevirmek için yazıya sağ tık yapıp "create outlines" seçebilir ya da Shift+Ctrl+O kısayolunu kullanabilirsiniz.

SkyGhostAir · Answer

mahsunkskin adlı üyeden alıntı:						mesajı görüntüle									CSS icerisinde yazının fontu bulunmuyor bundan kaynaklı olabilir. Logo fontu ile buraya koymus olduğunuz logonun fontu aynı değil hocam. Logoyu convert edip o şekilde yüklerseniz sorun çözülecektir. 		İlk defa Web'de SVG ile çalışıyorum. SVG bir font kullandığımızda websitesinde de o fontun bulunması gerekiyor o halde? Convert edip nasıl kullanabilirim, yine SVG olacak mı?

mahsunkskin · Answer

SkyGhostAir adlı üyeden alıntı:						mesajı görüntüle									İlk defa Web'de SVG ile çalışıyorum. SVG bir font kullandığımızda websitesinde de o fontun bulunması gerekiyor o halde? Convert edip nasıl kullanabilirim, yine SVG olacak mı? 		Tasarım uygulaması içerisinde logoyu convert edip o şekilde SVG olarak çıktı alırsanız sorunun düzeleceğine inanıyorum.

SkyGhostAir · Answer

mahsunkskin adlı üyeden alıntı:						mesajı görüntüle									Tasarım uygulaması içerisinde logoyu convert edip o şekilde SVG olarak çıktı alırsanız sorunun düzeleceğine inanıyorum. 		Anladım hocam sebebini, convert etmeyi öğrendim az önce. Çözüm olarak convert etmek yerine CSS ile font'u belirtmek istedim doğru mu yaptım acaba? Sitede logoda kullandığım font yülüydü zaten o yüzden SVG'nin boyutu artmasın diye CSS ekledim;

.hfe-site-logo-img {
font-family: Montserrat;
font-weight: 700;
}

mahsunkskin · Answer

SkyGhostAir adlı üyeden alıntı:						mesajı görüntüle									Anladım hocam sebebini, convert etmeyi öğrendim az önce. Çözüm olarak convert etmek yerine CSS ile font'u belirtmek istedim doğru mu yaptım acaba? Sitede logoda kullandığım font yülüydü zaten o yüzden SVG'nin boyutu artmasın diye CSS ekledim;

.hfe-site-logo-img {
font-family: 'Montserrat';
font-weight: 700;
} 		Tabii font belirtmek de çözüm olabilir convert etmekte o yazıyı yazı olmaktan çıkarıp şekle dönüştürür Buda çözüm olacaktır.

pixelle · Answer

Hocam selamlar, programda logoyu kaydederken PNG secip öyle svg kaydedin.

SkyGhostAir · Answer

pixelle adlı üyeden alıntı:						mesajı görüntüle									Hocam selamlar, programda logoyu kaydederken PNG secip öyle svg kaydedin. 		
PNG seçip SVG kaydetmek nasıl olmuyor anlamadım hoam.

pixelle · Answer

Hocam Corel için konuşuyorum. Ctrl +e yapınca svg kısmını seçince svgnin hangi formatta kaydedilecegini sevebileceğiniz bir pencere oluyor orda PNG secmeniz lazım. Ya da logonun vektörel halini atın duzeltip göndereyim

SkyGhostAir · Answer

pixelle adlı üyeden alıntı:						mesajı görüntüle									Hocam Corel için konuşuyorum. Ctrl +e yapınca svg kısmını seçince svgnin hangi formatta kaydedilecegini sevebileceğiniz bir pencere oluyor orda PNG secmeniz lazım. Ya da logonun vektörel halini atın duzeltip göndereyim 		Corel kullanmıyorum ben. Merak ettim nasıl olacak, gönderdim dosyayı.

pixelle · Answer

hocam gönderdim bu şekilde sorunsuz çalışması lazım

SkyGhostAir · Answer

pixelle adlı üyeden alıntı:						mesajı görüntüle									hocam gönderdim bu şekilde sorunsuz çalışması lazım 		Teşekkürler hocam. Siteye yükleme fırsatım olmadı ama yarın bakacağım. Çalışmaması için hiç bir sebep görünmüyor.