Voorheen, as u webwerwe geskep het, moes u bitmap-ikone gebruik. Dit was pragtig, maar om verskillende redes ongemaklik. Vandag het vektorikone rasterikone vervang. Dit is 'n oorspronklike en elegante oplossing wat u werf sal versier en verfris.
Instruksies
Stap 1
Daar is 'n goeie webdiens om lettertipes vanaf ikone te skep. Dit word Fontastic genoem. Dit is heeltemal gratis en geen advertensies nie. Die eerste stap is om op die dienswebwerf te registreer. Gaan na die webwerf fontastic.me, voer u e-posadres in in die invoervelde en skep 'n wagwoord en klik dan op die groot geel knoppie "Maak u ikoonlettertipe". Soms gebeur dit dat geen inligting vertoon word wat bevestig dat registrasie suksesvol is nie. Moenie daaroor bekommerd wees nie, gaan oor na die volgende stap.
Stap 2
Klik nou op die "Login" -knoppie in die regter boonste hoek. Voer die e-posadres en wagwoord weer in op die bladsy wat oopgaan, druk die "Login" -knoppie.
Nadat u 'n paar sekondes gewag het, word die paneel oopgemaak om lettertipes vanaf ikone te skep.
Stap 3
Hier is 'n groot verskeidenheid ikone. Kies met die muis op die ikone waarvan u hou, en kies soveel ikone as wat u benodig. Aan die bokant, na die woord "PUBLISH", word die aantal geselekteerde ikone aangedui.
Stap 4
As u nie genoeg ikone het van die nommer wat aangebied word nie, blaai af na die onderkant van die bladsy en vind die knoppie wat sê "Voeg meer ikone by". Klik daarop.
Stap 5
'N Bladsy met bykomende ikoonpakkette sal oopmaak. Sommige van hulle word betaal (gemerk "Premium"), ander is gratis. Om addisionele ikone te aktiveer, druk die "AKTIWER" -knoppie op die gekose pakkette. Nou sal dit in die algemene lys van beskikbare ikone verskyn as u met die bedieningspaneel aan die gang gaan deur op die "Start" -knoppie in die boonste menu te klik.
Stap 6
As u u eie ikone moet byvoeg, klik dan op dieselfde bladsy regs bo op die "IMPORT ICONS" -knoppie. U kan nou u eie ikone oplaai. Let daarop dat slegs SVG-vectorformaat ondersteun word.
Stap 7
Nadat u die vereiste aantal ikone gekies het, druk die "AANPAS" -knoppie. Hier sal u al die geselekteerde ikone sien, en u kan willekeurige klasname daaraan toeken, waarna u dit in CSS-style sal verwys. Of u kan die verstekname wat die stelsel aan die ikone toegeken het, laat.
Stap 8
Druk op die knoppie "PUBLISEER". Hier kan u die geskepde vectorikoonlettertipe ("DOWNLOAD" -knoppie) aflaai. Laai die lettertipe-argief wat deur die diens geskep is af na u rekenaar.
Stap 9
Die afgelaaide argief bevat die CSS-styllêer, die HTML-lêer met die name van die ikoonklasse en die "fonts" -map met die lettertipes. Hierdie ikoonlettertipe kan op u webwerf gebruik word.
Stap 10
Om die geskepte ikoonlettertipe te gebruik, moet u die volgende doen:
- pak die inhoud van die argief uit en laai dit na u webwerf in die gids met style;
- voeg 'n skakel na 'n CSS-lêer in die HEAD-afdeling van alle werfbladsye wat met hierdie ikoonlettertipe sal werk;
- in die bladsykode gebruik ons die naam van die klasse wat voorheen geskep is om die nuutgeskepte ikoonlettertipe te gebruik.
