I am trying to embed font awesome icons in select option.
I tried with <i> as well as ļ but both are not working.
If any body has it's solution please guide on the same
Related
How can I use a custom font on Notepad++?
For example: I have an HTML document with couple of P elements and I want each of them to have a different font family.
I know I can accomplish this with CSS, but I prefer to experiment with Notepad++.
What I tried so far:
I selected the text in the P tag I want to change.
I went to: Settings > Style configurator > Language ā HTML > Style ā Singlestring > Font- webdings (for example).
This seems to change to UI font if Iām not mistaken.
It doesn't change the text I selected in the P tag.
Assuming you're trying to say that you want to change the fonts on your webpage in different divs I don't think it can be accomplished without CSS.
This is because notepad++ documents are only .txt and only store the raw text data.
If you're able to change the UI font on the webpage using notepad then I'm assuming it is actually changing CSS.
Don't be afraid to use CSS, it has awesome capabilities. CSS doesn't have to be in a different document external to your index.html it can be inline:
<div style="font-family: 'Roboto', sans-serif;"> Enter Some Text </div>
If you want information on when to find and how to use different fonts try the Google Fonts API
I have tried right clicking and inspecting element on the navigation bar on the top right of this web page:
http://www.southwest-heart.com/
I want to find out what font they are using where it says "Launch", "Heart" etc..
The only font family i can find is this one:
font-family: SouthwestSans-Regular,Arial,sans-serif;
How would i go about obtaining the font they are using?
Thanks.
you can directly get this font from this website
Your font will be downloaded by your browser after clicking this link
I always use google chrome's WhatFont(plugin) to scanner and know the font information. I think you should try it, or look for a similar plugin for your browser.
See this-
http://fontsinuse.com/uses/319/southwest-airlines
and this
http://www.monotype.com/resources/case-studies/type-with-heart-for-southwest-airlines/
It's a custom font so you may not be able to get it but maybe you can find something similar...
There is another font-family on class:
.nav_toggle_menu a .nav_label {
font-family: SouthwestSans-Bold,Arial,sans-serif;
}
The font-family that you are searching for is SouthwestSans-Bold
#NAjzero Definitely- you can't use fonts that you do not have a license for!
Looks like only a very slight difference to Tahoma. Playing with Font weight and letter spacing with Tahoma and css would give you near enough the same (in my opinion).
That's my HTML code below
<p><strong>bold 2</strong></p>
But it doesn't display right in my Chrome browser.
You've got a user stylesheet that changes the font. The font you picked doesn't have the correct font weights (700 for bold). Use another font or fetch all the weights of that font
Not sure - why it's not working for you. I would say try writing that code again, save and reload your webpage.
I tried it and it works. See - http://jsbin.com/zasineraci/1/edit?html,output
If not, try using instead.
I have a wordpress site and I installed the shortcode plugin.
I am trying to install a button and I put an icon on it.
When I load my site here you can see it under the slider, the button that says photo gallery
http://denverkollel.org/site/
it's on the blue background. You see there is a space , but no icon showing.
I have the font-awesome css on the page. what else might I be missing to make it work?
You are using the older verion of Font-Awesome and that doesn't suppot fa fa-video-camera.
Actually, it doesn't even support fa class.. Initially Font-awesone used to have classes starting with .icon-.
Download a new version and make required changes.
I'm using font-awesome in my website, and I'm getting the wrong icon for Foursquare brand.
I'm using this html:
<i class="fa fa-foursquare"></i>
And this is the css content, according to fontawesom.css:
.fa-foursquare:before{content:"\f180"}
which is correct, according to the official Font Awesome website.
Everything seems to be ok, but instead of the Foursquare logo, I'm getting this icon:
Any ideas?
That icon appears to be http://iconsetc.com/icon/social-media_foursquare/?style=simple-black.
My guess is that you have a different font-based icon set loaded on your document which has the \f180 character mapped as this icon instead, overriding the Font Awesome fa-foursquare icon.
A simple fix for this would be to:
Ensure your icon is using the 'Font Awesome' font;
Remove your other icon font, or;
Ensure Font Awesome is loaded after your other icon font.
Maybe you are looking into old doc for 3.X version
This is the icon in 4.3 version: http://fortawesome.github.io/Font-Awesome/icon/foursquare/
and this for 3.2: http://fortawesome.github.io/Font-Awesome/3.2.1/icon/foursquare/
Remember that Foursquare is a brand icon: https://playfoursquare.s3.amazonaws.com/press/foursquare-brandguide.pdf