0
Kayıt Ol

SVG Logo'da Bozulma Oluyor, Neden Olabilir?

11

●

226

  • 14-07-2023, 19:36:23
    #1
    SkyGhostAir
    SkyGhostAir
    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.



  • 14-07-2023, 19:38:54
    #2
    mahsunkskin
    mahsunkskin
    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.
  • 14-07-2023, 19:48:07
    #3
    SkyGhostAir
    SkyGhostAir
    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ı?
  • 14-07-2023, 19:49:02
    #4
    mahsunkskin
    mahsunkskin
    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.
  • 14-07-2023, 20:11:16
    #5
    SkyGhostAir
    SkyGhostAir
    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;
}
  • 14-07-2023, 20:12:22
    #6
    mahsunkskin
    mahsunkskin
    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.
  • 14-07-2023, 20:35:15
    #7
    pixelle
    pixelle
    Hocam selamlar, programda logoyu kaydederken PNG secip öyle svg kaydedin.
  • 14-07-2023, 20:36:54
    #8
    SkyGhostAir
    SkyGhostAir
    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.
  • 14-07-2023, 20:39:30
    #9
    pixelle
    pixelle
    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