I am trying to change the font on a single page on my site using Custom CSS and the page's collection ID. I have been trying to do this by changing the font-family property in the site-wide Custom CSS (since I do not want to change the font for any other pages). I'm not using custom fonts; I am happy to use the Squarespace, but I do not know what the exact "labels" are for these various fonts. Some, like "Arial" are straightforward, but others (e.g., "Libre Baskerville" or "Omnes Pro") do not seem to be changing the font appropriately. Any advice would be helpful! Or even, more generally -- and since I am a novice to CSS -- are there helpful tips for knowing how to convert font names to acceptable arguments for the "font-family" property? The current code I am using is below:
Unfortunately, I have altered my code and it still does not work in changing the font. Below is my attempt to change the font-family property in the site-wide Custom CSS using one of the provided font codes you gave: "adobe-garamond-pro" to change the H1 heading. I've also tried this with the other codes you provided (e.g., "ff-tisa-sans-web-pro"; "brandon-grotesque", "Cabin"), to no avail. Thanks in advance.
In order to use a specific font in CSS, it has to be selected as a font for something else so that Squarespace loads the font onto the website first.
SS has thousands of fonts, by default SS only loads some popular fonts, it can't load all otherwise the website will be extremely slow. In order to use font in CSS, it has to be selected as a font for something else so that Squarespace loads the font onto the website first.
I see, thank you. My goal is to have fonts on this page ( -nick) that are not used anywhere else on the site. What are my options for doing this? How else could I make sure these fonts are "selected as a font for something else so that Squarespace loads the font" without using Design / Site Styles to change the H1 or H2 or body text for the entire rest of the site? Are there other ways to change fonts than Design / Site Styles? Am I missing a rich text editor somewhere? Thanks for your help.
Thank you! This worked. I believe this will be my final question. Your suggestion helped me change the font for the one page for Headings 1 (h1), 2 (h3), and 3 (h3). See code below. However, I was unable to change the "body" text with the same method, and I am not sure why. The code below properly changes Headings 1, 2, and 3, but not the body text. Thanks in advance.
Script, brush and hand-written fonts are a great way to add an organic, homemade softness to your design. Paired with a sans serif or all on its own, these handcrafted fonts are perfect for your next fashion, travel, or typographic design.
Slovenian designer Mitja Miklavcic created FF Tisa Sans as a progression to FF Tisa. You can use them separately or in a pair-they work perfectly for brand communications and complex editorial work. FF Tisa is amongst FontFont's most popular millennium typefaces. Not only has FF Tisa been widely used by print designers, its webfont version also became a quick hit for web designers worldwide.
Having not expected the cross-media appeal, Miklavcic initially developed FF Tisa to fulfil the technological and aesthetic needs of contemporary magazine and print design. He took inspirations from the nineteenth-century slab serif wood type design and intended to create something that is softer and more dynamic. Thanks to the accentuated serifs and a large x-height, Tisa is exceptionally legible in editorial text sizes. Though its unique features including exaggerated ink traps and upright italics also work powerfully in display sizes. In 2007, FF Tisa won a Certificate of Excellence in Type Design by the Type Directors Club in New York.
The popularity and recognition of FF Tisa urged Miklavcic to expand the type family further. A few years later, FontFont released the sans serif version: FF Tisa Sans. For editorial design such as newspapers and magazines, FF Tisa Sans is the best companion for FF Tisa. The sans version features reduced ink traps but resembles FF Tisa in many important details. The color density, letterform proportions, distinctive stroke endings, and even the eye-catching italics have been fine-tuned to one another. In 2013, the Cyrillic version was added to the family. Not only does it offer support for Russian and Balkan languages, but also for Central Asian languages including Turkmen, Kazakh. And recently, FF Tisa Sans includes support for the Greek language. Miklavcic wittingly added a range of specially designed arrows to each font of FF Tisa Sans for the purpose of signage, wayfinding and information design.
Arvo is a very good slab serif font family, created by Anton Koovit. It has 4 different variations, from normal weight and normal italic to bold italic. It is pretty rare to find a full Slab Serif web font family and this font gets pretty close to satisfying all of our needs for strong characters and high readability. Combined with a sans-serif body font, Arvo makes a great font for titles and subtitles.
Yellowtail is a really fun script font. It is inspired by flat brush typefaces with medium weight and has its type style built on Gillies Gothic and Kaufmann. It has a very unique look and tends to be legible even at smaller sizes. We suggest keeping it above 14 pixels for higher readability.
This is one of our favorite serif fonts. Merriweather has a very geometric feel and is very readable at small sizes. It can even be used as a body typeface because of its natural letter width and weight. Your body copy is going to look great when it has the Merriweather treatment.
We have noticed that Open Sans has become one of the most used fonts on the web. A lot of big-name brands are going through the process of cleaning up their websites and a lot of them go with Open Sans or Lato to offer high readability and friendly appearance. Open Sans has excellent legibility and its letterforms are incredibly strong with the very extensive font library, this font is a very strong substitute for default sans serif fonts.
If you are looking for a condensed sans serif font that looks like League Gothic, Oswald is the strongest contender. It is a great font that is inspired by the classic newspaper headlines, and was designed specifically for free use on the web and editorial materials.
Abel is another great modern, condensed font. Originally used in news headlines and posters, this font also works well for the web. Its strong letterforms are perfect for big headlines and headers, while at smaller sizes it stays legible. We wish there were more weight choices, but it is possible it will have additions to the family later on.
Tisa is probably the best substitute for the default Helvetica or Arial on the web. It is also the number one font we choose whenever we want to add more character to the site design while maintaining a clear, readable style.
The classic Baskerville is one of the most popular serif typefaces with many spin offs. One free font that is based on Baskerville, as its name suggests, is Libre Baskerville. The normal weight is much thicker than the official Baskerville font, due to the reduction in contrast of Libre Baskerville to make it easier to read on screen. The normal weight does make a good match for the bold variants of the original Baskerville though.
While Clarendon is often seen in Black, Helvetica Neue is almost always seen in its Light or Ultra Light weights. As one of the most iconic fonts of all time imposters can easily be spotted, but Work Sans is a good free alternative that has a similar skinny appearance. There are some major character mismatches, but they actually allow Work Sans to be itself rather than a poser.
Frutiger is a reserved sans-serif with neat letterforms that works as both large scale signage and body copy. The free font Hind is the perfect alternative that matches each character perfectly with the exception of a slightly taller x-height. Unless these two fonts were placed side by side it would be difficult to tell them apart.
Cliquez sur \"Accepter\" pour consentir ou paramtrez vos choix. En cliquant sur \"Continuer sans accepter\", vous refusez tout dpt de cookies sur votre terminal. Vous pouvez modifier vos prfrences tout moment sur notre site. Pour en savoir plus sur vos droits et nos pratiques en matire de cookies, consultez notre charte cookies.
b1e95dc632