Как вертикально выравнивать глиф?

Question

Мне нужно, чтобы глиф был вертикально выровнен по тексту. Теперь это больше похоже на то, что оно прикреплено к дну.

Здесь в качестве примера

<a href="#">Zoom</a> 

a { 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 600; 
    font-size: 32px; 
    color: #333; 
    text-decoration: none; 
    text-transform: uppercase; 
} 

a:before { content:"\2039"; } 

и jsFiddle

Answer 1

Это проще всего сделать только с вертикальным выравнивать и фиксированным смещением. Например

a:before { content:"\2039"; vertical-align:0.1em; } 

См http://jsfiddle.net/csh0da6o/3/

Answer 2

Вы можете применить vertical-align: top к тексту с vertical align: middle на глифе для достижения такого поведения. Регулируя значение line-height глифа, вы можете изменить его смещение.

Вот JsFiddle с глифов выравниваются по центру: http://jsfiddle.net/zephod/csh0da6o/2/