Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How Do I Enable Unique Fonts In The Website?

Featured Replies

I'm really new to web design. There is that font in Photoshop called Arial which everybody knows but there is a "Narrow" version of it which I like.

 

If there is a font that is installed in my computer, how do I make it visible to people that visit the website when they don't have the font installed? I want to do it in HTML.

 

Thanks.

For a start, you won't be able to use Arial Narrow on your site, for free at least.

 

There are however, alternatives. If you visit Google web fonts, typekit, font squirrel, etc. You'll be able to pick a font and the instructions of how to use it on your site should pop up.

 

If you get stuck, let us know. Good luck,

~evu.

u can use css to specify the fonts..

 

for eg:

<p>This is an example</p>

 

css

 

p{font: 14px/75px 'Arial Narrow', Arial, sans-serif; font-stretch: condensed;}

If you want to use arial narrow in your site simply give it in you css code

 

p {font-family: "Aril Narrow", Arial, sans-serif;font-size:13px; line-height:16px;color:#333333; overflow-x:hidden;padding:5px 0px;}

 

if you want to use some fancy fonts in your webiste, you can use google fonts, just go to google fonts website, search font of your choice,. and look for direction how to use

 

here is a sample:

give this in header section

<link href='http://fonts.googleapis.com/css?family=Wire+One&v1' rel='stylesheet' type='text/css' />

 

and in css p {font-family: "Wire One", Arial, sans-serif;font-size:13px;
line-height:16px;color:#333333; overflow-x:hidden;padding:5px 0px;}

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.