How can i add my fonts set (eot, svg, ttf, woff) to Theme editor area. (v4.x.x)

Developers Frontend
1

How can i add my fonts set (eot, svg, ttf, woff) to Theme editor area. (v4.x.x)



2

You should add them through custom css after uploading these files.

3

Can you describe a little more, if possible.



Which folder to should i upload.? Should i edit style.css or any? What kind code should i add?



Thanks for your assistance.

4

any tips?

5

Well I found the answer by looking a little bit deeper than the 50 pages of Google Results on Google @font-face.



If you just put in you url this link http://fonts.googlea…amily=Open+Sans which is the source in the font you selected in Google fonts,


```php

Add this code to your website:


```

you get this result on the screen

```php
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
```

So just copy the name of the Google font you need to use after the ?family= and just replace spaces with + sign

Fot example [url="http://fonts.googleapis.com/css?family=GFS+Neohellenic"]http://fonts.googlea...GFS+Neohellenic[/url]

```php
@font-face {
font-family: 'GFS Neohellenic';
font-style: normal;
font-weight: 400;
src: local('GFS Neohellenic Regular'), local('GFSNeohellenic-Regular'), url(http://themes.googleusercontent.com/static/fonts/gfsneohellenic/v4/B4xRqbn-tANVqVgamMsSDgBb2G5jwR1gaB5zdMT6AAg.woff) format('woff');
}
```

As for the script just put before src: the line subset: and you set like Greel, Latin etc.

Put that at the end of your less file like this. (have a look at the reddish.less file in [color=#282828][font=arial, verdana, tahoma, sans-serif]design/themes/basic/presets/data)[/font][/color]

```php
/*GFONTS*/
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/FUDHvzEKSJww3kCxuiAo2A.ttf) format('truetype');
}
/*/GFONTS*/ ```

Hope this helps a little.
6

Dear dvsgr, many many thanks for your answer,



But i want to use my special fonts, after the create web-font set.



Questions are.



Where is the source of cs-cart theme editor's fonts?



Can i use my special fonts, via uploading anywhere?



if i use. Where can i to upload my web-font sets?



And which files should be modified for activate out web-fonts?



bla bla…



Nobody knows???



Thanx again for your answer.

7

Looking for same answer myself.

Not in their manual of course.





CRICKETS once again

8

looking answer

9

[quote name='pcmemo' timestamp='1388675358' post='174425']

Dear dvsgr, many many thanks for your answer,



But i want to use my special fonts, after the create web-font set.



Questions are.



Where is the source of cs-cart theme editor's fonts?



Can i use my special fonts, via uploading anywhere?



if i use. Where can i to upload my web-font sets?



And which files should be modified for activate out web-fonts?



bla bla…



Nobody knows???



Thanx again for your answer.

[/quote]









Just add That Font Family to schema.json