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. Wally to have “Wally” rendered without kerning the “Wa” pair.
Related
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 7 years ago.
Improve this question
This data from caniuse http://caniuse.com/#feat=calc suggests that practically all browsers now support calc in CSS. Are there any reasons to still avoid using calc for consumer websites? Have any major websites started using calc?
The official level is Candidate Recommendation for W3C and are descripted in draft document CSS Values and Units Module Level 3
Candidate Recomendation is not like Approved but is very near, so (i think) it 'a choice deeply comforted by the state of the documentation of W3C
IE seems to be the problem as usual but as far as I know, the calc element is fairly safe to use, depending on the units you are using (c.f. 'Known issues' with vw vh).
About Opera Mini, I thought it was now using the Chrome engine, even on iOS (iOS Safari engine is specified for iOS on caniuse). Would someone have more details about this?
EDIT:
A very interesting post about this on CSS-Tricks by Chris Coyier.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
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.
Closed 9 years ago.
Improve this question
While I open my site via Mozilla firefox, the edges of buttons is not smooth and well-rounded, I don't have this problem via IE10 or chrome, Please check the following screen-shot:
http://www.jomsocial.com/media/kunena/attachments/118027/bdbtn.jpg
What is wrong?
Regards
Maybe you need the -moz prefix, but I think that the latest Firefox version doesn't need this prefix. Take a look to this website
So your CSS rule should be like
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
Ps: sorry for my bad English :P
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.
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.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
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.
Closed 9 years ago.
Improve this question
I am building a site which runs in Firefox, Chrome, Opera and IE10 perfectly but in IE9 css are not working properly for textbox and round borders.
here is my site link
http://meetmentors.in/sohil/
for testing check this page also
http://meetmentors.in/sohil/registration.php
how can I make this to compatible with IE9 or earlier versions.
Well there is an option where you can make the place-holder property work in earlier versions of IE.
You will have to include this JSlibrary.
http://jamesallardice.github.io/Placeholders.js/assets/js/Placeholders.min.js
Try this DEMO in IE9 and below. It should work.
HTML
<input type="text" placeholder="This text will dissappear once you type"/>
Regarding your second query about the rounded div's check this link