![]() If you want to use custom font for contact form, navigate to Configuration -> Contact forms -> Contact buttons -> Edit any of them -> Click "Contact form" tab -> Design -> Click "Custom css" and paste the code mentioned before - see code. Back to the top Custom fonts for Contact Form If you wish to preview your changes click the "Preview and test" button. In case you wish to use different font-families for different elements, just replace the "myFont" in "Custom CSS" with another class name from the chat window. Please note that it's necessary to exclude and tags since you are already working with a CSS file. If you want to use a custom font for the chat window, navigate to Configuration -> Chats -> Chat buttons -> Edit any of them -> Click the "Chat window" tab -> Click "Custom CSS" and paste the code mentioned before - see code. As you can see font-family defined for HTML, the body will affect the whole email body, but if you define a specific font-family for a specific class name, this won't be affected by HTML, body preferences.īack to the top Custom fonts for Chat Window ![]() ![]() Then paste the code mentioned before - see codeīy clicking the "Source" button you can switch the view of the template to see how it appears to your customers. Switch your template to HTML by clicking the button and click "Source" to see the template's source code. If you want to use a custom font for emails sent to your customers, navigate to Configuration -> Emails -> Customer templates -> Edit the "Ticket reply" template. * specifies font-family of element with class-name: myFont */įont-family: 'Livvic', sans-serif !important * specifies font-family of every element */įont-family: 'Gayathri', sans-serif !important * imports selected fonts url('|Livvic:400,900&display=swap&subset=latin-ext') Now, let's see some examples using the following code from Google Fonts: Otherwise, you will need to be sure you are adding it to the correct element (class name). If you’re adding one Google Font to the whole email template, chat window, customer portal, etc., you can add the CSS font-family rule into your body tag. First, copy the standard code, then you will also need to copy the CSS rules. Only add the font weights and styles you know you will need, because the more fonts you add the slower they will load on your site.Īlright, we are almost done! All you need to do now is copy and paste the CSS code into any "Custom CSS" or "Source" section of LiveAGent. This is your last chance to add different font weights, styles, or language support to your font families before adding them to your website. It’s where you will find the code to add to your website.Ĭlick the "selection drawer" to open your font's configuration. The "selection drawer" is where you will see all the fonts you’ve added. Click the plus button to add the font family to the "selection drawer" that appears at the bottom of the screen. Each font family has a plus button in the upper right-hand corner. Once you reach the Google Fonts website it allows you to filter fonts by font style, languages, or other properties, but if you have a font family name in mind you can search for it directly. Be selective, as adding more fonts can slow down your site's loading time. Here, you can add different font weights, styles, or language support before integrating them into your website. Click the "selection drawer" to open your font's configuration.This will add the font to the "selection drawer" at the bottom of the screen, where you can view and manage your chosen fonts. To add a font family, click the plus button in the upper right-hand corner.If you have a specific font family in mind, search for it directly. ![]() Visit the Google Fonts website, where you can filter fonts by style, languages, or other properties.Let's start by exploring how to work with Google Fonts. The good news is, yes, you can! We recommend using Google Fonts ( ) as they are free, compatible with different programming languages, and easy to use. Some customers have inquired about using custom fonts in various LiveAgent segments.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |