Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
All my fonts on my website, is kinda squared, like this text on the website.
If you visit http://www.momondo.dk/ and watch that text, its kinda "sharp or smooth" how would i be able to get that on my own website?
Its due to the font they are using:
This would be the CSS:
h1 {
font-family: 'Open Sans', sans-serif;
}
Also, add this:
.title h1 {
color: #c6aefb;
font-size: 24px;
font-weight: 300;
margin: 0;
padding: 20px 30px 5px;
}
Edit:
Add this code:
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
Now only add:
font-family: 'Open Sans', sans-serif;
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I use glitch.com and the background color is not changing for some reason I used the same code in other projects and it worked
css:
body {
font-family: helvetica, arial, sans-serif;
margin: 0 auto;
background-color:rgb(40, 48, 54);
}
h1 {
font-style: italic;
color: #373fff;
}
You might be setting the background color somewhere else, if you really want to try and override it without finding it make it !important like this
body {
font-family: helvetica, arial, sans-serif;
margin: 0 auto;
background-color:rgb(40, 48, 54) !important;
}
h1 {
font-style: italic;
color: #373fff;
if you are in glitch.com you have to use this code
.cHtQlM {
background-color: red;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
I have a practice to do something like this
H&M lookalike. But the typography seem to not look the same, both in or out of the image. This is my full code
https://codesandbox.io/s/sparkling-night-b499r
I have tried this in my css
body {
background-color: #faf9f8;
font-family: "Didact Gothic", sans-serif;
font-weight: bold;
}
.navbar div {
list-style-type: none;
display: flex;
margin: 20px;
opacity: 0.6;
}
.ontop-image {
display: flex;
list-style-type: none;
justify-content: center;
opacity: 0.6;
}
But it doesn't do the job.
So if anyone could tell me why the bold font doesn't look correct, that would be great.
Thanks for reading
This isn't rendering how you think it would be as the font you're loading doesn't have a bold typography style. So its given an automatic bold style, which never really looks that great.
You can see on Google Fonts, the only format they have available is regular:
I suggest you look for a similar font with more formats, for example Nunito looks very similar and has plenty of font weights.
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
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.
Closed 3 years ago.
Improve this question
I'm trying to change the hyperlink color, though for some reason it still remains blue and can't seem to figure out why. The rest work, i.e. size, weight etc but the hyperlink color wouldn't change from blue. Please help.
html: Instructions Game
css: a {
font-family: "Raleway", sans-serif
color: #F15B31;
letter-spacing: 1px
font-weight: 600;
font-size: 18px;
You're missing some semicolons ; and a closing curly brace } in your CSS:
a {
font-family: "Raleway", sans-serif;
color: #F15B31;
letter-spacing: 1px font-weight: 600;
font-size: 18px;
}
Instructions Game
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 seeing this character(see image. just before 0 day left) in a DIV. I even removed all text (using chrome developer tools and it stays there) Any ideas what might be causing this?
I have tried setting different charset but of no use.
It looks like there is supposed to be an icon inside a pseudo-element that isn't showing up.
Either the icon font isn't loading, the "content" code is incorrect or that character does not exist in the font.
.project_sb_date_rem::before {
font-family: 'typicons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
width: 1.2em;
height: 1.2em;
font-size: 1.2em;
text-align: center;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
content: '\e036';
}
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 11 years ago.
Improve this question
How do I create very thin fonts with CSS, like at http://www.google.com/landing/newgadgets/ ?
Right now I'm using this, but I'm on a mac and I don't think "Helvetica Neue" is supported on windows.
h1{
font-size:64px;
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:100;
}
Any ideas for thin, crisp fonts?
Google is using their font API and CSS's #font-face
See the following reference in their code:
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin" rel="stylesheet">
Below is the exact definition that "registers" said font:
#font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
Then they simply apply that font to element/s:
h1, h2, h3, h4, blockquote, q, .maia-nav ul {
font-family: 'open sans',arial,sans-serif;
}
Note: #font-face fonts don't render crisply on downlevel browsers. If you need to support them try - http://cufon.shoqolate.com/
Just grab that font from Google's Web Fonts.
Select the fonts you want, select the styles (bold, italic, etc.) and Google will give you a <link /> element to include in your HTML.
That current font is called Open Sans:
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
Now you can use it:
font-family: 'Open Sans', sans-serif;
I use Google Fonts. A thin example:
https://fonts.google.com/specimen/Raleway