How to increase the angle of italic text?
I want to make a logo using html css. Can we increase the angle of italic text using css or 开发者_JAVA百科javascript?
The angle depends on the font you are using. The font designer has to draw the italic version manually. You can't change that automatically.
This page comes up at the top in search engines, and yet no real answer is provided. Yes, today this is possible with pure CSS3 using skew - check this answer here: https://stackoverflow.com/a/7999132
However, instead of positive 30deg values from above answer, to simulate fine italic angle you need to use negative degree values (-5deg for example).
Works & looks great in all modern browsers which support skew. You can combine regular italic style with skew to achieve even better rendering (worked in my case).
You can use a skew transform in Firefox, Safari and Chrome. Nothing else is going to support it, and you shouldn't screw around with a font designer's work for a logo design unless you know more about typography than they did anyway. Nobody designs logos in HTML and nobody wants to look at logos in email.
Try using the skew transform property of CSS instead of using italics. It may help you.
For e.g.:
<div style="transform: skewX(-10deg)">Sample italic text</div>
P.S.: This method will help you change the angle of italics of text, but for the case of designing the logo, you'll definitely need illustrator for excellence.
That's not possible with CSS. You could try to switch to another font on i
's and em
's that has more slanted letters but I don't think that'll help you.
And if you're designing a logo, why are you doing it with CSS? That's what you have Photoshop and/or Illustrator for.
HTML/CSS is the wrong tool for this. Use Illustrator or that kind of software. Or look for a designer.
Make your own font or modify an open source font using a free font-editing tool such as FontForge.
Edit: I see that this is for e-mail with images disabled. Sorry, but it's not possible at all in this case, as most e-mail clients other than new versions of Thunderbird don't support @font-face CSS rules.
font-style: oblique 20deg;
Use whatever you want instead 20. Usefull to decrease the italic angle aswell. (edit : works only on Firefox and Thunderbird, thx to MrLister)
精彩评论