Имеет ли unicode или HTML вертикальный двойной гирометр (шеврон)? - программирование
Подтвердить что ты не робот

Имеет ли unicode или HTML вертикальный двойной гирометр (шеврон)?

Кто-нибудь знает, есть ли символ двойного шеврона в юникоде/HTML-пространстве, подобный двойному guillemet, представленному » (& raquo;)?

Другими словами, я пытаюсь избежать использования изображения, если я могу получить текст, но мне нужно что-то вроде этого:

Example of vertical single and double chevrons

Это двойной шеврон, который я не могу понять. Для меня это выглядит как графика.

4b9b3361

Ответ 1

Я не могу дать вам характерный объект, который вы хотите, но он может создать... альтернативу и по-прежнему не использовать изображения (хотя для этого требуется, чтобы сам текст был обернут в элемент, в этом случае span):

<span class="shadowed">^</span>
<span class="rotated">&raquo;</span>

CSS

span { /* this is all, pretty much, just for the aesthetics, and to be adapted */
    margin: 0 auto 1em auto;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 2em;
    font-weight: bold;
    color: #000;
    background-color: #ffa;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 0.5em;
    text-align: center;
}

span.shadowed {
    text-shadow: 0 0.5em 0 #000;
}

span.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

JS Fiddle demo.

Вышеупомянутый раздел span.rotated для IE < 10 (с использованием фильтров, тогда как IE 10 (или, возможно, 9) будет/должен использовать -ms-transform или, просто, transform CSS3), используя подход filter:

span.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /* IE < 10 follows */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}​

JS Fiddle demo (работает в IE 7/XP, другие версии я не могу проверить).

Ответ 2

Возможно, этот сайт поможет вам http://shapecatcher.com/, очень полезно!

Ответ 3

︽ U + FE3D ПРЕЗЕНТАЦИОННАЯ ФОРМА ДЛЯ ВЕРТИКАЛЬНОГО ЛЕВОГО ДВОЙНОГО УГОЛЬНОГО КРЕСЛА

︾ U + FE3E ПРЕЗЕНТАЦИОННАЯ ФОРМА ДЛЯ ВЕРТИКАЛЬНОГО ПРАВАЯ ДВОЙНАЯ УГОЛНАЯ КРЕПОСТЬ

Для этого требуется китайский или японский шрифт.

Ответ 4

Есть проблема с вращением. Если вы примените поворот (90deg) и вращение (-90deg) до двух отдельных & raquo; вы увидите, что их позиция меняется. Хакерный способ исправить это - применить направление: rtl:

http://codepen.io/tomasz86/pen/lmCaL