Est-ce qu'unicode ou HTML ont un guillemet double vertical (chevron)?

est-ce que quelqu'un sait s'il y a un double symbole chevron dans unicode/HTML-space similaire au guillemet double représenté par » (")?

En d'autres termes, j'essaie d'éviter d'utiliser une image si je peux en tirer avec du texte, mais j'ai besoin de quelque chose comme ceci:

Example of vertical single and double chevrons

c'est le double chevron que je ne trouve pas. On dirait des graphismes pour moi ça l'est.

18
demandé sur Charles 2011-11-14 21:07:35

4 réponses

Je ne peux pas vous donner l'entité de caractère que vous voulez, mais il est possible d'effectuer un...alternative, et toujours pas utiliser des images (bien qu'il exige que le texte lui-même soit enveloppé dans un élément, dans ce cas 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 .

la section ci-dessus span.rotated , pour une compatibilité IE < 10 (utilisant des filtres, tandis que IE 10 (ou éventuellement 9) utiliserait / devrait utiliser la -ms-transform ou, simplement, transform CSS3), en utilisant une filter approche:

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 démo (fonctionne sous IE 7/XP, les autres versions je ne suis pas en mesure de tester).

12
répondu David Thomas 2012-06-21 11:32:21

peut être que ce site vous aidera http://shapecatcher.com / , très utile!

29
répondu fliptheweb 2011-11-14 18:12:25

Ñ U+FE3D PRESENTATION FORM FOR VERTICAL LEFT DOUBLE ANGLE BRACKET

Ñ U+FE3E PRESENTATION FORM FOR VERTICAL RIGHT DOUBLE ANGLE BRACKET

ceux-ci nécessitent une police de caractères chinois ou japonais.

14
répondu Ignacio Vazquez-Abrams 2012-06-21 11:40:57

il y a un problème avec la rotation. Si vous appliquez la rotation (90deg) et la rotation(-90deg) à deux différents " vous verrez que leur position change. Une façon hacky de le fixer est d'appliquer la direction: rtl comme ceci:

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

1
répondu tomasz86 2013-09-26 20:26:19