End of Support for Joomla 3 - Forum closed

Can we use arabic fonts?

Can we use arabic fonts? was created by peaceandlove

Posted 7 years 10 months ago #14194
Can we import arabic fonts from net in our site if we want to make arabic part of website.

we like google fonts like

fonts.googleapis.com/earlyaccess/droidarabickufi.css

how can we import that in our website?

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Can we use arabic fonts?

Posted 7 years 10 months ago #14196
Yes you can use any font.
Therefore you have to read the Google instructions "how to add a font"
After that you can insert ( import) the font and the css code to your css/custom.css

Attachment import.jpg not found



We are committed to help you with any type of support query, however we can't provide extensive help in terms of customizations. In general customizations may look simple but you will require solid knowledge of web technologies and programming skills to do them or hire a professional who can do it for you.
Attachments:
The following user(s) said Thank You: peaceandlove

Please Log in or Create an account to join the conversation.

Replied by peaceandlove on topic Can we use arabic fonts?

Posted 7 years 10 months ago #14197
That help me a log and i able to chagne font. but if i put this code

body {
background: #fff;
font-family: 'Droid Arabic Kufi';
font-weight: 300;
line-height: 20px;
color: #444;
}

in custom.css file, the english font also changes , we want to keep english font open sans and only want to keep arabic font

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Can we use arabic fonts?

Posted 7 years 10 months ago #14201
In Html we can use many different fonts.
1.) We have to load the font ( you did it)
2.) Now we have to setup the font family for the css style where we want to use the font.

In your fact you are using the arabic font for all styles, because you add the font to the body.

If you want to use the arabic font for some css classes you have to setup thses classes:
CSS Code

.arabic {
font-family: 'Droid Arabic Kufi';
font-weight: 300;
line-height: 20px;
}


HTML Syntax

<div class="arabic">This should be an arabic font</div>

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License