`12px` is the font size, `18px` is the line height.

The syntax is based on typographical notation for specifying the respective sizes, and is only applicable to the `font` shorthand property. In other words, the above declaration simply expands to the following:

&lt;!-- language: lang-css --&gt;

    font-size: 12px;
    line-height: 18px;

As always, if you set the line height to a relative value (e.g. percentage or ems), it&#39;s calculated relative to the font size.

[W3C CSS2.1 `font` property reference](http://www.w3.org/TR/CSS21/fonts.html#propdef-font)  
[W3C CSS3 Fonts Module `font` property reference](http://www.w3.org/TR/css3-fonts/#font-prop) (the syntax carries over from CSS2.1)

It&#39;s equivalent to:

&lt;!-- language: lang-css --&gt;

    font-size: 12px;
    line-height: 18px;

A lot of people still use tables to layout controls, data etc. - one example of this is the popular jqGrid. However, there is some magic happening that I cant seem to fathom (its tables for crying out loud, how much magic could there possibly be?)

How is it possible to set a table&#39;s column width and have it obeyed like jqGrid does!? If I try to replicate this, even if I set every `&lt;td style=&#39;width: 20px&#39;&gt;`, as soon as the content of one of those cells is greater than 20px, the cell expands!

Any ideas or insights?

Fixed Table Cell Width

I&#39;m connected to my university&#39;s small Linux cluster via PuTTY and WinSCP, transferring files using the latter and compiling and running them with the former.  My work so far has been performed in the university&#39;s labs, but today I have been doing some work at home that generated an interesting warning.

I uploaded an entire folder of stuff and, upon running the `make` command, I get this as the last line of output:

&gt;make: warning:  Clock skew detected.  Your build may be incomplete.

The resulting binary works correctly, and there doesn&#39;t seem to be any other unexpected errors in the build process.

I seem to be able to trigger the error by building after uploading some new / replacement files (I edit everything locally then upload the new version), so I&#39;m wondering if it&#39;s something just as simple as mismatched file modification times? Or something more concerning?

So, should I be worried?  How do I fix/prevent this?



Compiling C++ on remote Linux machine - &quot;clock skew detected&quot; warning

I&#39;m seeing the following CSS declaration in a stylesheet:

&lt;!-- language: lang-css --&gt;

    font: 12px/18px ...

What does the `12px/18px` part mean exactly?

What does the forward slash mean in the CSS font shorthand?

I'm seeing the following CSS declaration in a stylesheet:

<pre><code class="hljs language-css">font: 12px/18px ...
</code></pre>
What does the <code>12px/18px</code> part mean exactly?

Does anyone know how to style tr as we like?

I&#39;ve used border-collapse on table, after that tr&#39;s can display 1px solid border I give them.

However, when I&#39;ve tried `-moz-border-radius`, it doesn&#39;t work. Even simple margin doesn&#39;t work.

How to add border radius on table row

Can an ordered list produce results that looks like 1.1, 1.2, 1.3 (instead of just 1, 2, 3, ...) with CSS? So far, using `list-style-type:decimal` has produced only 1, 2, 3,  not 1.1, 1.2., 1.3.

Can ordered list produce result that looks like 1.1, 1.2, 1.3 (instead of just 1, 2, 3, ...) with css?

I have problem with vertical scrollbar on my page. I have lot of items inside ul inside div, I tried with overflow:auto in style for div but it doesn&#39;t help. How to add scrollbar vertical to ul or div ?

    &lt;div id=&quot;content&quot;&gt;
    &lt;p&gt;some text&lt;/p&gt;
    &lt;ul&gt;
    &lt;li&gt;text&lt;/li&gt;
    .....
    &lt;li&gt;text&lt;/li&gt;
    &lt;/div&gt;

UL or DIV vertical scrollbar

When I&#39;m debugging a site, sometimes the hovered selectors are a little long winded and similar to other ones, is there a way to apply a kind of &quot;sticky&quot; state to hover rules in Firebug? 

Example; I hover over a nav bar and want to copy the selector out of firebug to search in the CSS, but as soon as I move my mouse, the selector (obviously) disappears as the nav `&lt;li&gt;` isn&#39;t hovered anymore.

Any way to do this?

Thanks :)

Can you make hovered state in Firebug &quot;sticky?&quot;

I have a &lt;code&gt;div&lt;/code&gt; container on my web page with fixed width and it contains form elements for logging in. Below these elements there are a submit button, forgotten password link etc.

It happens the last line elements need fewer width than the box provides. How to spread them evenly? I don&#39;t want

 - default
&lt;pre&gt;
| A B C           |
&lt;/pre&gt;

 - centering the line like
&lt;pre&gt;
|      A B C      |
&lt;/pre&gt;

 - nor table layout
&lt;pre&gt;
|  A  |  B  |  C  |
&lt;/pre&gt;


&lt;br/&gt;Instead I am looking for some CSS way to achieve:
&lt;pre&gt;
|  A    B    C  |
&lt;/pre&gt;

That is:

 - put about equal space between all elements
 - center the whole thing to avoid the first or last  to the side


**edit:**
[This answer][1] worked best. I created templates for 2 or 3 elements like this:

&lt;pre&gt;
div.spread2evenly &gt; div {
    display: inline-block;
    *display: inline; /* For IE7 */
    zoom: 1; /* Trigger hasLayout */
    width: 50%;
    text-align: center;
}
&lt;/pre&gt;


  [1]: https://stackoverflow.com/questions/4108726/how-to-spread-html-evenly-over-a-line/4108814#4108814

How to spread elements horizontally evenly?

Present I see lot of web sites use **true type fonts**. I want to to know how to use true type fonts in our applications and does it affect the load time of the pages ?

Using True type fonts in web applications

Is it possible to set any custom font in every control of the application? And not necessarily runtime ? (i.e. from xml if possible or only once for whole application in JAVA file)


I can set the font for one control from this code.

    public static void setFont(TextView textView) {
		Typeface tf = Typeface.createFromAsset(textView.getContext()
				.getAssets(), &quot;fonts/BPreplay.otf&quot;);

		textView.setTypeface(tf);

	}

And the problem with this code is it should be called for every control. And i want to call this or any similar method once, or if possible set the property in xml.  Is it possible?

Android: Want to set custom fonts for whole application not runtime

How do I extract the list of supported Unicode characters from a TrueType or embedded OpenType font on Linux?

Is there a tool or a library I can use to process a .ttf or a .eot file and build a list of code points (like U+0123, U+1234, etc.) provided by the font?

Finding out what characters a given font supports

I&#39;m using a barcode font &quot;Free 3 of 9 Extended Regular&quot; and the print out needs to have multiple spaces in some cases, to match the number of characters in the field. Example: 

    *AA-XXXX    *&quot;

 (four spaces follow the item number to make the 12 characters. The barcode reader will give me an error if there are less characters.

`nbsp;` will force multiple spaces, however, IE and Firefox both display those as standard font spaces and do not use the barcode font. The barcode displays as broken up between the non-space characters. (Incidentally, only IE 6 does display `nbsp;` in the proper font.) If I use a regular space, it trims the number of spaces down and displays only one.

Thanks in advance.

Multiple Spaces Between Words in HTML without &amp;nbsp;

I&#39;m using @font-face to embed fonts in my website. First the text renders as the system default, and then (once the font file has loaded presumably) the correct font renders a fraction of a second later. Is there a way to minimise/get rid of this delay, by delaying the page rendering until after fonts have loaded or similar.

Content Type	Original Author	Original Content on Stackoverflow
Question	Ben	View Question on Stackoverflow
Solution 1 - Css	BoltClock	View Answer on Stackoverflow
Solution 2 - Css	poke	View Answer on Stackoverflow

What does the forward slash mean in the CSS font shorthand?

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Compiling C++ on remote Linux machine - "clock skew detected" warning

Fixed Table Cell Width

Attributions