WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Small-caps / Kapitäler (https://www.wn.se/forum/showthread.php?t=36224)

nord84 2009-04-10 10:48

Hej!

Har en kund som jobbat mycket med tryck.
De vill att deras text skall vara i Garamond men alla siffror i texten ska vara sk. small-caps/kapitäler.
Har försökt få detta att fungera. Men går det?
Hur ska det i så fall se ut i CSSen?

Testat <span style="font-variant: small-caps;">1234</span> men siffrorna blir likadana som de vore utan denna css-formatering.

Tack

Axel

taz76 2009-04-10 11:33

jag misstänker inte såna saker finns i css.. man kanske kan få en liknande effekt genom att minska font-storleken. ett annat alternativ om dom nu prompt måste ha siffror som small caps får det bli bilder.. inget smart eller lätt sätt men om dom måste ha det..

allstars 2009-04-11 12:59

siffror innefattas ej av small-caps, för att de är just siffror.
Dessutom är det font-specifikt.

Ett tips är att använda ett typsnitt som använder kapitäler hellre än använda css för att få den effekten. Dock har @font-face dåligt stöd i äldre webbläsare, så det får bli en avvägning imo

martine 2009-04-11 23:56

Citat:

Originally posted by nord84@Apr 10 2009, 10:48
Hej
Testat span style=font-variant: small-caps;1234/span men siffrorna blir likadana som de vore utan denna css-formatering.

Har lite svårt att förstå hur du menar att du skulle få detta att fungera - small-caps betyder ju att versaler blir lite högre och att det som normalt vore gemener ska vara lite mindre höga versaler. Hur skulle man kunna applicera detta på siffror? Siffror skiljer ju inte på stora och små bokstäver - jag tror du har missat något, en tryckfirma kan ju inte rimligtvis tro att det finns "small-caps"-siffror.

Annars kan du ju prova med text-transform: uppercase; men problemet är väl i grunden att man vid siffror inte skiljer på små eller stora bokstäver.

Vad önskar du egentligen? Att den först siffran är större än resten - då borde du titta på :first-letter i css.

För övrigt, vill man ha en allmänt tillgänglig och sökbar sida i html så är inte att välja typsnitt att tänka på för närvarande - man får ta det som ligger närmast till. Garamond finns installerat endast på ett litet antal datorer.

Alex 2009-04-12 03:50

Vill man ändå använda Garamond kan man ta en titt på "@font-face"
http://www.designskolan.net/egna-textstila...-med-font-face/

mr_lundis 2009-04-12 22:09

Om man inte vill använda @font-face finns det ju flera andra sätt att använda ett eget typsnitt, till exempel sIFR och Cufón/Typeface.js.

Cufón och Typeface.js är ganska lika varandra, mer läsning om respektive alternativ och vilken man bör välja:
http://kilianvalkhof.com/2009/javascript/c...-one-is-better/

Magnus_A 2009-04-12 23:43

Citat:

Originally posted by martine@Apr 11 2009, 23:56
Siffror skiljer ju inte på stora och små bokstäver - jag tror du har missat något, en tryckfirma kan ju inte rimligtvis tro att det finns "small-caps"-siffror.

Skillnaden mellan gemena och versala siffror är en viktig och tyvärr ofta bortglömd del av tryckerikonsten. I löptext bör gemena siffror användas, men i tabeller och liknande uppställningar kan man välja versala.
För exempel på användning av gemena och versala siffror se:
http://www.adobe.com/type/topics/info5.html (bläddra lite neråt)

Teckenkodningen skiljer ej mellan versala och gemena siffror, man får styra det genom att välja rätt typsnitt.
Tyvärr tror jag det blir svårt att lyckas med att tillämpa detta på webben. Mest för att de typsnitt som finns installerade på användarens dator oftast innehåller versala siffror. Ett undantag är Georgia, som innehåller gemena siffror. Pröva med det!

martine 2009-04-13 20:22

Där ser man! Intressant information Magnus_A!

Jag har ofta använt mig av typsnittet Georgia för att åstadkomma denna effekt - men hade ingen aning om att det handlade om versaler och gemener. Jag behöver visst läsa på lite om typografi…


Alla tider är GMT +2. Klockan är nu 14:57.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson