Solved

CSS font 13/22 what does that mean?

Posted on 2014-11-20
3
101 Views
Last Modified: 2014-11-20
In CSS what does this mean?

font: normal 13px/22px 'Century Gothic', Arial, Helvetica, sans-serif;

For instance, I want to put the font family on a separate line (in a separate method). But if I just do this by itself it ignores it:

font: normal 13px/22px;

What is this doing? 13px on 22px leading? How do I do that without the font family?

thanks.
0
Comment
Question by:Starr Duskk
  • 2
3 Comments
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 500 total points
ID: 40456125
that's shorthand. You can write each property separately like this:

.my-class{
   font-weight: normal;
   font-size:13px;
   line-height:22px;
   font-family: "wahetever";
}

Open in new window

0
 
LVL 2

Author Closing Comment

by:Starr Duskk
ID: 40456148
thanks!
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 40456164
:)
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Syntax Error 2 62
Refresh div via ajax without lost ccs <li> styles 8 31
Center div containing a script 6 14
Under active page on navigation bar 8 11
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…

813 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

14 Experts available now in Live!

Get 1:1 Help Now