Font Awesome ikonok cserélhetők?

Programozás - kezdő

Adott egy felület, ahol font awesome fekete-fehér ikonokkal van megoldva a menü, ezt szeretném lecserélni színes ikonokra. Ez mennyire kivitelezhető úgy, hogy az egész rendszert ne kelljen emiatt átszabni?

  • 557 megtekintés

( kikepzo | 2022. 06. 10., p – 08:45 )

Annyit javítok a bejegyzésen, hogy nem az ikonok színét kellene megváltoztatni, hanem a fapados ikonokat szeretném valami látványosabbra cserélni.

"https://hunvagyok.hu "

Azt, hogy honnan huzza be az ikoncsomagot, csak a kod alapjan lehet eldonteni.
Egyebkent itt van az osszes awesome ikon: https://fontawesome.com/search
Ebbol elvileg ossze tudsz rakni sajat pakkot, vagy van par stock kit, ezt mar frontendes tudja megmondani.

Ha nem teljesen custom framework, hanem valami viszonylag elterjedt, akkor lehet, hogy az itteni tutorialok alapjan le tudod vadaszni: https://fontawesome.com/start

Amit most használsz, azok igazából betű készletek (benne is van a nevében). Olvasható karakterek helyett ikonokat tartalmaz (pl. "A" betűt ha ezzel a betűtípussal jelenítesz meg, kapsz egy kismadarat mondjuk). Sok szempontból megéri használni (pl. könnyen színezhető egy színűre, méretezhető stb.), de sose lesznek olyanok, amiket szeretnél, mert azok képek.

SVG ikonokra keress rá. Azokat is be lehet hekkelni a meglévő `fa-*` CSS osztályok alá.

Edit: Amúgy az ikon részei a linkelt képeden is egyszínű sima ikonok, szóval elég lenne neked a hátterét kigömbölyíteni, színezni, árnyékolni meg csicsázni.

Pont így. A FA az fontkészletből "varázsol". Az említett előnyök végett.

Viszont a fa-* osztályok áthekkelésénél célszerűbb valóban átírni a kódot is. Már csak a gányolás/taknyolás elkerülése végett is. A html átnyálazását így sem, úgy sem ússza meg.

Ami a példaképen linkelt oldalon van, azokat FA vagy hasonló megoldásokkal nem-igen lehet megvalósítani. Egy SVG gyűjtemény megközelítheti, de a rossz hír, hogy olyasmi készletet, mint amit a FA és társai adnak nem nagyon találsz. Lehet kb egyenként gyűjtögetni az SVG-ket... (vagy előállítani magadnak)

Tetszőleges ikonokat is használhatsz, ha az „fa-” jellegű megoldással élve a contentnek url()-ben megadod a data uriba kódolt SVG-t. A szívás itt a fontokkal szemben az lesz, hogy míg a fontok könnyedén méreteződnek a szöveggel, az egyedileg felhasznált SVG-k sehogy.

Adott egy felület, ahol font awesome fekete-fehér ikonokkal van megoldva a menü, ezt szeretném lecserélni színes ikonokra.

Erre belinkelsz egy képet mintának, ahol ugyanúgy fehér ikonok vannak, csak színes háttéren és valami gagyi shine effekt van rajt. Oké.

(Ezt meg tudnád lehet csinálni ugyanúgy a font awesome készlettel)

( Raynes v | 2022. 06. 11., szo – 18:07 )

Ez most konkrétan milyen felület, milyen szoftveré? Valószínű, ha csak valami panel/bar típusú program, vagy terminál, akkor az átszínezéshez elég annyi, hogy másmilyen színkódot raksz be elé. Persze ettől még az awesome font ikonok még monokrómként maradnak meg, csak a színük lesz más.

“The world runs on Excel spreadsheets.” (Dylan Beattie)

Teljesen kiszínesíteni, meg 3D-ssé tenni nem tudod őket. Eleve monokrómként vannak letárolva az ingyenes Awesom font karakterei, a fizetősé néha tud kétárnyalatos (duotone) ikonokat, de az a max. Eleve így vannak eltárolva a karaktereknek a rajzolatai, glyph-jei. Ezen nem tudsz változtatni. Esetleg keresel valami olyan betűtípust, ahol a unicode-ikonok/emoji-k színesek.

“The world runs on Excel spreadsheets.” (Dylan Beattie)

Az alairasodbol kiindulva ez a framework https://www.opensource-socialnetwork.org -> github

En a helyedben lemasolnam a meglevo alap theme-t es annak a forrasaban cserelnem ki az ikonokat olyanra amilyenre akarod. Gonodolom van teszt rendszered kiserletezgetni....

Support Slackware: https://paypal.me/volkerdi

Igen, jól gondolkodtál. Sajnos nem ismerem az ikonkezelési folyamatokat, így nem merek bármibe is csak úgy belefogni, mert ha jól értem, itt az ikonok és a fontok együtt képesek méretet változtatni, ha úgy kívánja a felbontás. Mivel ezt a részt is most tanulgatom, így még nem értem azt, hogy egyáltalán melyik ikon képes igazodni majd a felbontásokhoz, illetve illeszkedni majd a fontok méretéhez.

"https://hunvagyok.hu "

Ha találsz megfelelőt, írd meg, mert engem is érdekelne. Nekem az egyszínű awesome is jó lenne, nem a színeivel van bajom, hanem lemonbarban nem jól jelenik meg a többi betűtípushoz képest. Nagyon „lent” van az awesome karakterek alapvonala, emiatt úgy tűnik, hogy a többi betűtípusoz képest le vannak csúszva. Lehet eltolni őket felfelé, van a lemonbar panelnak ilyen kapcsolója, de akkor meg a többi betűtípus is megy vele, és ugyanott vagyok. Próbáltam már az fc-szabvány szerinti betűtípus-tulajdonságokat is állítani, de nincs megfelelő beállítás, csak ilyen hinting, anitalias, stb., az alapvonal megemelése nincs közöttük.

“The world runs on Excel spreadsheets.” (Dylan Beattie)