Can i use gill sans on a website

To make a font stack, add several related font names to the font-family property. Fonts should be ordered by priority — the font you want most should appear first, and a generic font family should end the list. These are all serif fonts, ensuring the experience stays consistent. Alternatively, you can use another type of font across your font stack.

Arial is the most widely used sans-serif font on the web. It was created for printers who wanted to use the popular Helvetica font without the licensing fees. Arial Black is another related font in the Arial family. It's a very bold version more suitable for headers, decorative text, and emphasized text. However, its prominence means designers should use it strategically and carefully.

Verdana is popular both online and off. While it resembles Arial and Helvetica, it has a simple structure that makes the letters large and clear. Some of its characters have elongated lines, which may be incompatible with some designs. Otherwise, it's a solid alternative to Arial. Similar to Verdana, the Tahoma font sports a bolder weight and narrower tracking i. Trebuchet MS is another web-safe sans-serif font, designed by the Microsoft Corporation in Impact is a heavy sans-serif font great for drawing attention and creating … well, impact.

Impact was first introduced to digital devices in Microsoft Windows in and has since seen a resurgence in popularity in internet memes, superimposed atop images for a humorous effect. Times New Roman is the ultimate serif font. It's extremely popular and the primary font for Windows devices and applications, like Microsoft Word. Technically, Times New Roman is an updated version of the Times newspaper font , which is used in print newspapers and, as a result, is one of the most recognizable fonts in the world.

This old French typeface was originally used for printing presses. Georgia is another elegant serif font, but was designed to be more readable at different font sizes than other serif fonts.

It accomplishes this with a heavier weight, making it an ideal candidate for mobile-responsive design. If you want to invoke a classic, nostalgic quality with your text, this is an ideal font to do it. American Typewriter imitates typewriter print and works well for stylized body text. Monospaced fonts have letters that are spaced equally apart, lending a mechanical quality to the text. This sans-serif option was developed by Apple and IBM and has been frequently used in software development environments.

Courier is a monospace serif font that closely resembles typewriter text. Many email providers use it as their default font. It's also widely used with coding application displays. Note that the font Courier New is in the same family as Courier. You can list Courier after Courier New in your font stack to provide two different, but similar, options to the browser.

Lucida Console was designed to be a highly legible monospaced iteration of the broader Lucida typeface. This makes it feel a bit less futuristic or robotic, and more playful. Microsoft Sans Serif is a sans serif font first introduced with Windows Perfect for headlines and corporate websites. It was included as one of the original fonts for the web and is still standard for all Microsoft devices.

Optima is a humanist sans serif font, with varying stroke weight and varying symmetry. This makes it look almost done by hand, which combats the typical mass-produced feel of a sans serif font. The Microsoft equivalent is Segoe. Palatino is another old-style serif and would feel right at home in any online newspaper or magazine.

Struggling with downtime and WordPress issues? Kinsta is the hosting solution designed with performance and security in mind! Check out our plans. The design approach helps to soften sharp letters like k, l, x, y, and z. These two factors help it feel a bit warmer.

Palatino is included with the majority of Windows and Apple devices. Perpetua is a serif font with a unique design, originally created by English sculptor Eric Gill. This gives the font a creative, almost playful quality. Rockwell is a square or slab serif font with very bold, nearly monoweight lettering.

Segoe UI is the leading sans serif font of the Segoe font family. Microsoft not only uses it in many applications but also in various marketing materials for its products. Tahoma is another Microsoft-developed sans serif font.

It has slightly bolder letters than Segoe UI and uses square dots for its lowercase letters, periods, and other marks. Trebuchet MS is another sans serif font developed by Microsoft. It was one of the original fonts included in the core fonts for the web package by Microsoft. The letters are slimmer than many other sans serif fonts, making it an option for paragraphs and body text.

The stroke weight is fairly low for a sans serif, leading to slim, easy to read letters. You can use it for both paragraph text and headlines without issue. You should consider that using a cursive font for your body text may not be a great idea, as readability is a huge part of website usability. You should always use highly readable text for your paragraphs otherwise visitors with impaired vision will have a hard time reading the text on your site. This can lead to high bounce rates and a general lack of engagement with your content.

A serif is a line or stroke added to a longer stroke in a letter. Sans serif fonts are the most common and popular on the web, so you have a lot of options to choose from:. Then you need to use Chrome Dev Tools or a similar tool for another browser to identify the selectors of the text you want to change. For example, you can inspect the headline of your blog post :. For example, if we want to change the headline to the Impact font, we can use the following code:.

We cover this and much more in our guide on how to change fonts in WordPress. For example, if you use the style tag in the HTML documents to apply CSS code to each page, you can edit the font-family attribute there. If you want to change the font for specific text, you need to use a specific selector. If you used a template to build your website, your CSS is most likely located in a separate stylesheet. This is great because it means you can change the font for your whole site by editing just one file.

In that case, you need to find your stylesheet file typically named style. Then you need to find the section that controls the fonts and typefaces of your site. CSS stylesheet example. Usually, this is done towards the top. With a variety of serif, sans serif, monospace, and even cursive fonts available for free, web safe fonts are a great place to start when creating a site.

The perfect fonts make your brand stand out, improve readability, and support your message. Choose wisely! All of that and much more, in one plan with no long-term contracts, assisted migrations, and a day-money-back-guarantee. By submitting this form: You agree to the processing of the submitted personal data in accordance with Kinsta's Privacy Policy , including the transfer of data to the United States. You also agree to receive information from Kinsta related to our services, events, and promotions.

You may unsubscribe at any time by following the instructions in the communications received. Connect and share knowledge within a single location that is structured and easy to search.

I'm developing a website that uses the Gill Sans font. So far it displays properly on Chrome and Firefox, but not in IE. Here's the css:. I tried converting the.

I don't know much about fonts so please excuse me, but I'd really appreciate it if someone could help me out. When using FONT types that consist of two words, quotes must be placed on them so the browser does not read them as separate entries.

See fonts. Note that a normal license for the Gill Sans font does not allow use as web font, and some browsers may enforce this legal restriction as a technical limitation.

Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more.