How can I add a font to a project? - html

I need to include the 'proxima-nova' font in the project.
I tried to find it in google fonts
but he is not there. I found it on fonts.adobe.com, but I don't know if it's possible to connect it somehow, maybe someone knows what solutions can be?

On google fonts "Nanum Gothic" is pretty similar to proxima-nova

Metropolis can also help it is most fantastic and nearly alternative to Proxima Nova.

In order to use the font from Adobe you need to have an active license.
Then you would be able to download the font and add it to your project as described here: https://www.w3schools.com/css/css3_fonts.asp

get your fonts from google fonts, its free with tons of fonts.
scroll and select the font you like
then scroll down
then select the font style you like and click the little plus icon
once you selected all the styles you like click the icon in the top right of the page
use the red link code in the top of your html, and use the blue in your css

Related

How do I make a color fade in text?

I'm extremely new to coding and I wanna ask, how do I make a color fade like this? I can't find anything explaining this on the internet
Here's The Image
And also, can someone tell me what is the font?
This is called gradient
Source: https://cssgradient.io/blog/css-gradient-text/
Source: https://fossheim.io/writing/posts/css-text-gradient/
To find the font from the image, you can use a font predictor extension that you can get on Firefox, Chrome and others. Even just plain websites can find the font.

Finding an image from source code of existing website

I'm looking at this site: http://www.calgaryclimbing.com/rates/ . On their footer they have very clean looking icons that link to their social media pages. I want to do the same using the same icons they are using. But when I inspect the elements It shows that they use an i tag and that the class links to some css code that uses the content property. I want to use the image icon so my questions are how can I get the image? And why was it programmed this way? Why not just use an image that you could click on?
I didn't check the link you provided but it's most likely a custom font just like Font-Awesome which you can use to put many kind of icons in your Web Site/App.
Font-Awesome use the <i> tag as well just like you explained.
Why using Font-Awesome?
As they say:
Font Awesome gives you scalable vector icons that can instantly be
customized — size, color, drop shadow, and anything that can be done
with the power of CSS

creating a bootstrap-esque glyphicon [duplicate]

I am running twitter bootstrap3, and I am extremely happy with the new way it handles the icon as fonts. However: I need some custom icons; I need to make them myself, and ideally integrate it into the existing font. I have searched with no luck. I am well familiar with illustrator, vector graphics etc, but how to integrate?
Worst case scenario, I will make images the traditional way, but hope there is a better solution.
How do I integrate a custom glyphicon with the existing (bootstrap 3) glyphicon font?
This process might be one option.
You could use the IcoMoon App. Their library includes FontAwesome which would get you off to a quick start, or you download glyphicon, and upload the fontawesome-webfont.svg
For your custom icons, create SVGs, upload them to IcoMoon and add them to the FontAwesome / Glyphicon set.
When you are finished export the font set and load it as you would any icon font.
Good luck!
UPDATE
If your imported SVG file icons seem misaligned after importing into the iconmoom.app, first check how they actually look when used on a web page. It seems to me that the preview may not always be perfect. Alternatively, there is an edit icon in the iconmoon.app tool bar which lets you move and resize.
If anyone is looking for an alternate tool to the one mentioned here, I've found Glyphter to be very useful. It is fairly straight forward and allows you to upload an .svg file, groom it, and add more glyphs from several other font packs. You can then download the entire bundle as its own font.

Embedding Verdana in a dynamic text field, need to make it bold - do I have to buy Verdana Bold?

First off, I don't have a copy of Verdana bold. It's no where on my hd and I don't know the first thing about making fonts so that is out of the question.
I've been searching for a couple of hours now and it seems the tried and true solution is to embed multiple versions of the font off the stage.
Ridiculous. Right? In either case, I am pleading to all you Flash Jedi out there to please tell me there is another way? I refuse to turn to the dark side.
First of all, you don't have to buy it. Second, this is how it's done in Flex so it can give you some insight.
#font-face{
src:url('fonts/Verdana.ttf');
font-family:Verdana;/*any name you want actually, you can have it VerdanaBold*/
font-weight:bold;
}
To call it later from a component, let's say a Label
<s:Label text="Your text here" fontFamily="Verdana"/>
The long answer is that I can't believe you don't have Verdana on your system, how come? If you see it in Office software or even in notepad font settings but don't know how to get it, assuming it's a Windows system, look under Control Panel > Fonts.
If you're using the Flash IDE, embedding it outside the stage (anywhere - it just need to be on your project) is, indeed, the best way to do it. Basically, if you have a TextField with font embedding set, Flash only embeds the basic font, ignoring the rest - so if you want text with <b> somewhere in there, the bold font has to be embedded.
You probably do have Verdana bold in your system, maybe you just can't see it (depends on your system). Just try creating a Verdana TextField and enabling bold.
You can also have it added to the library as a font asset, but it has problems of its own. Feature wise, the hidden textfield trick works best.
You can also embed fonts with the [embed] meta tag, but that's a bigger can of worms for you if you're working with the IDE (since it means to start using the Flex SDK from it).
You can go to the library panel and from the top right corner (click the little triangle and grid looking thingy) and choose "New Font". There you can embed bold Verdana and use it in your code.

32x32 icons for rich text editor?

Does anybody know a open source/free, 32x32 or bigger, complete set of "office" icons for integration in a Rich Text editor - i.e. buttons like
Copy
Paste
Text color
Background color
Bold / Italic / Underline
?
You should look into the Tango Icon Library, it looks great and it's into the public domain (as noted in their FAQ).
The have the same icons in 16x16, 32x32 and 64x64 but they also gave you the svg source, so, you can easily get any dimensions you want exporting them with Inkscape
You can also use the LGPL Crystal Clear as recommended by cobbal.
have a look at http://commons.wikimedia.org/wiki/Crystal_Clear
32x32 or Larger
The Best Vector Icon Sets All In One Place
21 Best Icon Sets for Designing Web Apps
On 2 I think this one might be what you want: WeFunction Free Icon Set
16x16 Icons
You should be able to find icons to suit your needs here. I use this page as a reference all the time when looking for little icons:
All the Small Icons You’ll Ever Need by the Web Design Ledger
another great one that is not listed.
http://p.yusukekamiyamane.com/ is a free icon set with 3160 icons atm. they are 16x16 and some are animated gifs.
Some one in my team uses this. Ico fx. I have never used it my self but the icons always look good.
If your project is non-commercial, then look at this nice spherical Icon set.
If your project is commercial, I'd suggest that a hundred bucks or so would be a good investment :-) eg. something from the Text bundle at IconShock.