Symboluppsättning: Lägg till sociala ikoner till vilken webbplats som helst med detta webbteckensnitt!

Spec SSSocial Statisk

Nästan alla webbplatser på webben använder sociala ikoner för att visa länkar till deras Twitter, Facebook, LinkedIn och andra sociala adresser på webben. Moderna webbläsare erbjuder möjlighet att bädda in teckensnitt, vilket möjliggör obegränsade möjligheter i utformningen av din webbnärvaro.

Vi arbetade på en vacker klientsida som designades av KA + A., ett mycket framgångsrikt varumärkes- och designföretag. Vi har samarbetat med många kunder ... de rullar ut varumärket och designen och sedan anpassar vi det, optimerar det och integrerar det för våra kunder. Det har varit fantastiskt eftersom deras designers inte bara bygger vackra platser, de skriver också vacker kod.

sociala ikoner

Vår klient bad oss ​​lägga till en LinkedIn-bild och länka längst ner till höger på deras webbplats. När vi tittade närmare upptäckte vi att det inte alls var en bild. Det var ett typsnitt som visade Twitter och Facebook! Genom att snabbt hacka kunde vi se att de hade implementerat sociala ikoner från Symbolset.

Symbolsatser är semantiska symbolteckensnitt. De fungerar i moderna webbläsare och var som helst OpenType-funktioner stöds.

Det här är otroligt effektivt! Teckensnitt kan ändras, ha vilken färg som helst och få andra stylingar applicerade via CSS, till exempel sväva. Och teckensnitt laddas otroligt snabbt. Ur utvecklingssynpunkt behövde vi inte låta vår designer återge nya sociala ikoner som hade samma färger, storlek och stil som de andra. Vi var helt enkelt tvungna att använda HTML-koden för LinkedIn-ikonen, sätta in den i en ankartagg och borta!

Den sociala symboluppsättningen är endast $ 3 och kommer med de nuvarande sociala ikonerna:
Spec SSSocial Statisk

Kudos till KA + A för en så cool implementering. Jag är säker på att vi hittar massor av andra möjligheter att införliva Symbolset-ikoner i våra egna webbplatser. Sista anteckningen, de har inte bara sociala ikoner, de har flera serier av andra teckensnitt ... är ... symboler.

Vad tror du?

Den här sidan använder Akismet för att minska spam. Läs om hur din kommentardata behandlas.