Verdana font issue [closed] - css

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 9 years ago.
Improve this question
I must implement a website css from psd file. In psd some text is in Verdana, but when I use Verdana in css it appears thicker in a browser than Verdana in the psd file. Does anyone know the reason?

Basically you can never trust that fonts are looking the same in the Web and in Photoshop. So you still have to choose the best size/weight for yourself.
The "problem" with Verdana is explained very well on this website:
http://sbpoley.home.xs4all.nl/webmatters/verdana.html
Basically Verdana appears much bigger than other fonts when used in a website, compared to other popular fonts you must use it in 85% of the size you would use Arial or Times.

Related

selecting a font from the font-family in css [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
It's supposed that the font-family holds several font names for those times that the browser doesn't support the first one. it check the second font name and so on.
I have a desire font and I put it as a first font in the list, but my mozilla browser picks up another font and doesn't recognise my desire font .However when I clear the rest of the fonts. The browser recognise my desire font and apply it in my site .
(I have test this situation in firebug by just temporary changing the style )
How can I find where does this problem come from?
From the MDN page on font-family,
When a font is only available in some styles, variants, or sizes,
those properties may also influence which font family is chosen.
For a more detailed understanding of how font-family selection works, please read W3C's rules of font style matchin.
Your first font is only available in a few particular variations and which is why it's ignored when other more complete fonts are present. In absence of other options, FF has to use whatever is available.

Is it a good idea to use monospace font in html forms? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
The textarea is in html styled as font-family: monospace; If I wanna have consistent appearance I apply this also for my text inputs.
For me it looks like good. But the question if it's "correct"?
Cause on the web it's usual to use for presentation (= what is on the screen style) some sans-serif font.
This monospace actualy have these little ends of letter similar to serif, which is better for printing (=>beter on paper).
So back to my question: Is the use monospace in this case in accordance with the customs of the Web or is it a mistake? I mean something that is good in this case to use?
"Good" is whatever you want it to be. Think about two things:
your user.
Does your choice of font make their life easier (more readable etc)?
your 'brand': do you want this to be your "look"?
There is no right or wrong answer - except "it depends".

Joomla CSS not rendering on IE or Firefox [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
Just had a frustrating couple of hours and I figured I'd haul out the big guns and ask the intertubes.
I have a Joomla site with a 3rd party template that doesn't seem to be rendering CSS in IE8, IE9 or Firefox, however Opera, Chrome and Safari are all reading it like a boss.
Site is: http://www.quizzically.co.uk
Theme is: http://joomlathemes.co/free-orange-template-for-joomla-2.5/
The internet is abuzz with questions from upwards of four years ago with this issue, but I'm not finding anything recent. The old issues are all very personal to the sites that they happened on as well so no love on the answers I did find.
My gut feeling is that something that directs to the CSS is not being picked up or is being ignored by Firefox and IE. I don't know what this is or how to begin looking so any help that can be offered would be ecstatically accepted.
Thanks.
Line 39 of styles.css has an incorrectly coded background style:
#header-w {position:relative; background:"fff }
The " should be a # for the color.
IE and Firefox are using stricter standards than the others, so break once there's an error.
Once that's corrected, the rest of the styles will load.

Disable auto font-kerning for firefox and ie10? [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
How do you disable auto font-kerning for firefox and ie10? I've spent a while trying to search for a solution but all I get are out dated pages and experimental methods.
Previously, on Firefox, setting text-rendering: optimizeSpeed in CSS prevented kerning (and ligatures). According to Mozilla documentation, such a setting is now ignored “because the standard code for text rendering is already very fast and there is not a faster code path at this time”.
You can prevent kerning by using a font to which the browser does not apply kerning at all. The documentation is vague, but it seems that Firefox applies kerning to some “C fonts” by Microsoft and to DejaVu fonts.
Another, very clumsy, way is to use ZERO WIDTH NON-JOINER (U+200C) characters between letters, e.g. W‌ally to have “Wally” rendered without kerning the “Wa” pair.

Hide Wikipedia Article Feedback [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 8 years ago.
Improve this question
I'm using Stylish for Chrome and I want to edit Wikipedia's css style to not show the "Rate this Page" box at the end of the article. It looks like this:
<div id="mw-articlefeedback" class="articleFeedback">
</div>
What should I write in the css file to hide this box?
#mw-articlefeedback {
display: none !important;
}
You could just put the size to 0px.
#mw-articlefeedback {height:0px; width:0px;}
Or, if you have a Wikipedia account, you could simply go to My Preferences (at the top) → Appearance → and check the "Don't show the Article feedback widget on pages" box.

Resources