Как вставить спец символ вектора в HTML?

Question

[Artix]

Нужно вставить символ, который обозначал бы вектор. Т.е. символ и над ним стрелочка или штрих. Но проблема в том, что нужно это сделать без картинок. Если поставить стрелочку на 1 строке, а символ на 2 строке, то между символом и стрелкой идет большой разрыв и получатся некрасиво. Подскажите, это вообще возможно сделать, ибо весь гугл перерыл ничего не нашел.
Примерно так, здесь виден большой разрыв:
→
F

Answer 1

[Влад]

С помощью :before
jsfiddle.net/bq127sve

Answer 2

[Максим Васильев]

en.wiktionary.org/wiki/Appendix:Unicode/Combining_...
Стрелочка для обозначения вектора: U+20D7
Но как это будет выглядеть сильно зависит от ОС/браузера/шрифта: a⃗A⃗b⃗B⃗