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. Adding a URL of a CSS file to the global settings of the Slider Revolution plugin.Uploading font and CSS files to your website.You can import any web font into the Slider Revolution plugin by: You do not have to download or install any Google fonts you wish to use.īut that is also possible if you would like to use custom web fonts. Slider Revolution comes with a wide range of Google fonts ready to go.
0 kommentar(er)
