Backwards (reverse) Italics

Posted on 2004-11-30
Last Modified: 2012-08-13
I'd like to create some backwards italics text. Does anyone know of a CSS, or standard coding, way to do this? I'd prefer not to have to pump out gfx to accomplish this, as I want the text to be variable.
Question by:Paul Kahl
    LVL 18

    Expert Comment

    Not possible.
    LVL 3

    Author Comment

    by:Paul Kahl
    It's done on the CVT number on the back of credit cards. This leads me to think that perhaps there's a font capable of doing this? Perhaps a variant on a common font? Something I could embed?
    LVL 9

    Expert Comment

    There are a fonts few out there:

    Aquaduct Reverse Italic:

    Good luck!
    LVL 18

    Expert Comment

    Credit cards are not web pages.

    You can make an image.  You can (TRY) to embed a font into a web page.  But you cannot do this with HTML or CSS.
    LVL 11

    Expert Comment

    I think it is possible to define a new FONT and embed it with CSS..
    I dont know if IE supports this though...
    LVL 9

    Accepted Solution


    You can define a new font and embed it into IE, but if the client does not have the font installed, they will not see it.

    LVL 19

    Expert Comment

    Will this do the trick?  You have to use the <bdo> tag, but you can easily nest those within paragraphs, divs, etc.  Hope that helps.

    <style type="text/css">
    .backwardsItal {
      font-style: italic;

      <bdo dir="rtl" class="backwardsItal">hello world</bdo>

      <bdo dir="rtl" class="backwardsItal">abcdefghijklmnopqrstuvwxyz</bdo>

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How to improve team productivity

    Quip adds documents, spreadsheets, and tasklists to your Slack experience
    - Elevate ideas to Quip docs
    - Share Quip docs in Slack
    - Get notified of changes to your docs
    - Available on iOS/Android/Desktop/Web
    - Online/Offline

    Suggested Solutions

    CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
    Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
    In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
    In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

    758 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    13 Experts available now in Live!

    Get 1:1 Help Now