![]() Step 2 - use the same name in Smart Slider On your website right click on the text which has the font you would like to copy → choose Inspect → check on the Computed tab what font-family CSS code is being used on that text: ![]() Noto Sans JP Using a custom font that is already loading on your site Step 1 - figure out the font-family name ![]() You can find the font family name in the end of this URL. In this example I will enter Noto Sans Japanese. If you have a problem with your font, ensure that you are using the correct font family name: Step 1Įnter the font family you would like to use. Most fonts are using the exact name you can see in Google fonts' listīut some of them aren't. Make sure, that at the global font settings, you are loading the font weights you would like to use. Google fonts are automatically recognized, just simply write down the font family name. The list of fonts you see are only suggestions coming from the Global Settings, but you can use any font family name on your sliders. Using a completely new custom font, which isn't loading on your website yet.Using a custom font that is already loading on your site.Alternatively, to help make reading the code more manageable, use an editor like Sublime Text or VS Code. ![]() Open the custom-font.css file with a plain text editor like Notepad or Text-Edit. Move the custom-font.css file to the Webfont folder: Next, unzip the CSS code sample file you have downloaded:įind the custom-font.css file in the unzipped folder: Paste the Moca.woff2 file to the webfont folder: Unzip the font zip file you downloaded earlier:Ĭopy the Moca.woff2 file from the unzipped folder: (Alternatively, raw code is available below if you’d prefer to make your CSS file).īefore we edit the CSS, let’s prepare the font files. To help ensure you get up-to-date CSS, we have created a code sample that shows you how to load web fonts efficiently.ĭownload the CSS sample code file from this link. Sometimes font files come with CSS included in the download, but the code you get may not always use the latest standards. Multiple modules can be combined to form rich content such as complete sites and landing pages.Ĭreate a CSS File With this section, we will create a CSS file and add information about the custom font using a particular CSS rule for loading custom font files. You can think of this as being similar to the way a post or page in regular WordPress is a self contained piece of content.Ī module can represent any kind of content Slider Revolution is capable of creating, such as a slider, carousel, hero unit, navigation menu, posts display and so on. Modules are created and edited with the module editor.Ī "module" is a single, self contained piece of content. In this tutorial, we’ll step through a complete example of choosing a custom web font, downloading it, adding it to Slider Revolution, and using it in a module Ī module in Slider Revolution acts as a container for slides, which in turn act as containers for layers.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |