Шрифт Web Symbols Liga

Новые иконки

Полностью новый набор иконок для веба. В начале мы думали, что просто добавим недостающие, но, в итоге, решили переработать весь комплект.

Лигатуры

Мы все наши работы делаем с расчетом на будущие технологии. Пока лигатуры поддерживают только Safari, Chrome и Firefox на Mac, но мы надеемся, что скоро и на других браузерах все будет работать. По сути вы пишете шрифтом settings, а показывается иконка settings

«Ретина»

Этим, конечно, никого не удивишь, но шрифтовые иконки прекрасно отображаются как на обыкновенных экранах, так и на экранах с более высоким разрешением  «ретина».

Точные размеры

Для ноутбуков с «ретина» экранами — не важно, но на обычных экранах, иконки иногда не самым лучшим образом растеризируются. Особенно это видно, когда они небольшого размера. Новые иконки разрабатывались, чтобы максимально четко отображаться в размере шрифта 15 и 30 пикселей.

Почта и телефон

Мы сами никогда не используем в дизайне иконки телефона и почты. +7 495 998-40-68 или yes@justbenice.ru всем понятны. Но нам прислали слишком много писем чтобы мы проигнорировали эту просьбу.

T Helvetica

Первый шрифт мы сделали без учета базовой линии, поэтому в стилях приходилось подгонять иконку относительно остального текста. Теперь расположение иконок максимально оптимизимрованно под шрифт Helvetica.

( Шрифт и веб-версия

å Твиттер-новости шрифта

Как прописывать в стилях

@font-face{ 
      font-family: 'WebSymbolsLigaRegular';
          src: url('WebSymbolsLiga-Regular.eot');
          src: url('WebSymbolsLiga-Regular.eot?#iefix') format('embedded-opentype'),
               url('WebSymbolsLiga-Regular.woff') format('woff'),
               url('WebSymbolsLiga-Regular.ttf') format('truetype'),
               url('WebSymbolsLiga-Regular.svg#WebSymbolsRegular') format('svg');
}

Раскладка символов 

Популярные сервисы

ä

ä

facebook

å

å

twitter

æ

æ

vkontakte

ç

ç

linkedin

è

è

googleplus

é

é

odnoklassniki

ê

ê

tumblr

ë

ë

instagram

ì

ì

livejournal

î

î

vimeo

ò

ò

google

N

N

flickr

O

O

behance

P

P

blogger

R

R

github

ð

ð

youtube

ï

ï

skype

í

í

pinterest

¢

¢

evernote

£

£

picassa

¤

¤

dribble

¥

¥

weibo

¦

¦

lastfm

§

§

soundcloud

¨

¨

dropbox

®

®

revision

¯

¯

kickstarter

ñ

ñ

rssbox

$

$

rss

 

Для систем администрирования

a

a

picture

Z

Z

text

f

f

slideshow

d

d

gallery

b

b

movie

c

c

movieclip

i

i

table

_

_

code

o

o

link

e

e

terminal

m

m

normal

n

n

album

F

F

alignleft

E

E

aligncenter

D

D

alignright

H

H

outdent

G

G

indent

I

I

bullets

J

J

ordered

Y

Y

archive

j

j

folder

©

©

rotateright

ª

ª

rotateleft

.

.

user

¡

¡

group

«

«

adduser

!

!

synchronise

A

A

boxed

B

B

boxedlist

C

C

list

`

`

logout

\

\

alert

?

?

edit

h

h

vertical

g

g

horisontal

p

p

diagonal

w

w

lock

v

v

unlock

=

=

attachment

^

^

settings

l

l

cloudup

k

k

cloud

 

Для cайтов 

;

&#0059;

calendar

:

:

clock

s

s

comment

Q

Q

commentempty

S

S

heart

T

T

heartempty

X

X

views

q

q

rating

t

t

star

@

@

share

K

K

chat

L

L

chatactive

r

r

tag

u

u

pin

/

/

window

#

#

search

~

~

shuffle

¬

¬

repeat

"

"

retweet

0—7

[

[

fold

]

]

unfold

{

{

openmenu

}

}

closemenu

x

x

mute

y

y

halfloud

z

z

loud

,

,

reply

+

+

replyall

-

-

forward

>

>

fullscreen

<

&#0060;

normalscreen

|

&#124;

phone

8

&#0056;

mail

 

Стрелки, плюсы, минусы

Â

&#194;

zoomin

À

&#192;

zoominoutline

Á

&#193;

zoominfill

Å

&#197;

zoomout

Ã

&#195;

zoomoutoutline

Ä

&#196;

zoomoutfill

Ñ

&#209;

resize

Ï

&#207;

resizeoutline

Ð

&#208;

resizefill

È

&#200;

top

Æ

&#198;

topoutline

Ç

&#199;

topfill

Ë

&#203;

bottom

É

&#201;

bottomoutline

Ê

&#202;

bottomfill

×

&#215;

right

Õ

&#213;

rightoutline

Ö

&#214;

rightfill

Ô

&#212;

left

Ò

&#210;

leftoutline

Ó

&#211;

leftfill

Ú

&#218;

play

Ø

&#216;

playoutline

Ù

&#217;

playfill

Ý

&#221;

pause

Û

&#219;

pauseoutline

Ü

&#220;

pausefill

à

&#224;

stop

Þ

&#222;

stopoutline

ß

&#223;

stopfill

ã

&#227;

sort

á

&#225;

sortoutline

â

&#226;

sortfill

Î

&#206;

close

Ì

&#204;

closeoutline

Í

&#205;

closefill

U

&#0085;

rotate

W

&#0087;

rotateoutline

V

&#0086;

rotatefill

*

&#0042;

download

(

&#0040;

downloadoutline

&

&#0038;

downloadfill

)

&#0041;

upload

'

&#0039;

uploadoutline

%

&#0037;

uploadfill

õ

&#245;

done

ô

&#244;

doneoutline

ó

&#243;

donefill

ø

&#248;

previous

÷

&#247;

previousoutline

ö

&#246;

previousfill

û

&#251;

next

ú

&#250;

nextoutline

ù

&#249;

nextfill