Google Font

Permalink Browser Info Environment
Hello!

I've read the instructions and have created the new structure and files required to change fonts.

In config/pixel_theme/custom.dev.less I have ....
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:[email protected];600');


In config/pixel_theme/variables.dev.less I have...
@body-font: 'IBM Plex Sans', sans-serif;
@heading-font: 'IBM Plex Sans Semi-bold', sans-serif;
@secondary-font: 'IBM Plex Sans', sans-serif;

However, the font is not loading, but is being replaced with the default sans-serif

Further, Trying to use the new Google CSS2 protocol (https://developers.google.com/fonts/docs/css2) crashes C5.

Looking for some help with this...

Thank you!

Type: Ticket
Status: Archived
76West
View Replies:
76West replied on at Permalink Reply
76West
I'm also noting lines 4, 5, 46, 47 in packages/theme_pixel/themes/pixel/css/style5.7.less

do these lines need to be modified?
shahroq replied on at Permalink Reply
shahroq
I tested your code and it works just fine. Could you send me a live link so I can take a look?
76West replied on at Permalink Reply
76West
sent via DM thx!
shahroq replied on at Permalink Reply
shahroq
Hi there,
This is what you should append:
In `\application\config\pixel_theme\custom.dev.less'
@import url('//fonts.googleapis.com/css?family=IBM+Plex+Sans');

In `\application\config\pixel_theme\variables.dev.less'
@body-font:                     'IBM Plex Sans', sans-serif;
@heading-font:                  'IBM Plex Sans', sans-serif;
@secondary-font:                'IBM Plex Sans', serif;
76West replied on at Permalink Reply
76West
Great! Thank you. That's working to render the required font in browser.

However, it seems to omit the ability to specify font weights which is what our previous code was attempting to do (following google font syntax)

Is font weight specification not possible?
shahroq replied on at Permalink Reply
shahroq
Of course possible. Check the `\packages\theme_pixel\themes\pixel\css\less\variables.less` and look for any variable with `font-weight` in that, and copy/paste them to your custom file. Then change them based on your fetched google font.
admin replied on at Permalink Reply
Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.

To re-open this issue, reply to this message.

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.2
Version Installed - 8.5.2
Database Version - 20190925072210

# Database Information
Version: 5.6.45-log
SQL Mode: NO_ENGINE_SUBSTITUTION

# concrete5 Packages
Pixel Theme (2.4.0)

# concrete5 Overrides
None

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
fpm-fcgi

# PHP Version
7.1.25

# PHP Extensions
bcmath, calendar, cgi-fcgi, Core, ctype, curl, date, dom, fileinfo, filter, ftp, gd, hash, iconv, imap, json, libxml, mbstring, mcrypt, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, Reflection, session, SimpleXML, sockets, SPL, sqlite3, standard, tokenizer, wddx, xml, xmlreader, xmlwriter, xsl, zip, zlib

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 128M
post_max_size - 64M
sql.safe_mode - Off
upload_max_filesize - 100M
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.132 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.