Unicode или HTML имеют вертикальный двойной guillemet (шеврон)? - PullRequest
18 голосов
/ 14 ноября 2011

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

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

Example of vertical single and double chevrons

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

Ответы [ 4 ]

30 голосов
/ 14 ноября 2011

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

14 голосов
/ 21 июня 2012

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

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

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

12 голосов
/ 14 ноября 2011

Я не могу дать вам символьную сущность, которую вы хотите, но возможно создать ... альтернативу и все равно не использовать изображения (хотя для этого требуется, чтобы сам текст был обернут в элемент, в данном случае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) будет / должен использовать <code>-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, другие версии я не могу проверить).

1 голос
/ 27 сентября 2013

Есть проблема с вращением.Если вы примените вращение (90 градусов) и вращение (-90 градусов) к двум отдельным «вы увидите, что их положение меняется. Хакерский способ исправить это - применить направление: rtl вот так:

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

...