LinuxQuestions.org
Visit Jeremy's Blog.
Home Forums Tutorials Articles Register
Go Back   LinuxQuestions.org > Forums > Linux Forums > Linux - Software
User Name
Password
Linux - Software This forum is for Software issues.
Having a problem installing a new program? Want to know which application is best for the job? Post your question in this forum.

Notices


Reply
  Search this Thread
Old 04-30-2022, 05:45 AM   #1
Notsobigkev
LQ Newbie
 
Registered: Mar 2021
Posts: 22

Rep: Reputation: Disabled
difficulty applying fonts with CSS.


Hi, I am struggling with fonts and would appreciate some pointers please. I am running Ubuntu 20.04 on a couple of boxes with ISPconfig on.

An old friend of mine is a graphic designer/copy writer etc took one look at my sites and laughed - very austere. He's come up with some funky designs incorporating 2 or 3 different (funky) fonts. I have performed a myriad of searches to find the killer tutorial to get the fonts I (think I) have installed to display properly.

I found Fontanello (Chrome add-on) which correctly identifies the font that I intended, but the font remains "Times New Roman" (that ain't funky!!)

If anyone has any insight they could give me or recommend a publication I would appreciate that very much.
Thanks in advance
Kevin
 
Old 04-30-2022, 05:54 AM   #2
Michael Uplawski
Senior Member
 
Registered: Dec 2015
Posts: 1,622
Blog Entries: 40

Rep: Reputation: Disabled
Quote:
Originally Posted by Notsobigkev View Post
I have performed a myriad of searches to find the killer tutorial to get the fonts I (think I) have installed to display properly.
I hope that the problem is the fonts and not just CSS or HTML.
If so, understand @font-faces and all will be fine.

Quote:
I found Fontanello (Chrome add-on) which correctly identifies the font that I intended, but the font remains "Times New Roman" (that ain't funky!!)
You need nothing but a dry and simple text editor. People who need additional software to enrich their HTML with fonts have not understood anything. Avoid them like the plague.

Quote:
If anyone has any insight they could give me or recommend a publication I would appreciate that very much.
In the HTML/CSS tutorial of your choice, read about @font-faces and experiment with them, also by applying the rules to a published page. The file-path to your fonts is important and the notation may be non-intuitive to some. So you have to test locally *AND* after publication.

Another thing, but that is optional and for later: https://www.linuxquestions.org/quest...og.php?b=38192

P.S.:
Quote:
An old friend of mine is a graphic designer/copy writer
Is he just styling or inventing content, too? I mean... does he “write stuff”? A Web-page may suffer terribly under too much styling and too few things to read.

P.P.S.:
Those “funky fonts” are hopefully not covered by a license agreement that prevents their use in Web-pages. If you must pay them, you should do that prior using any copyrighted or otherwise protected font. Use open-licensed (OFL) fonts instead (not to be confused with OpenType®).

Last edited by Michael Uplawski; 04-30-2022 at 06:02 AM. Reason: fimgertrovpble
 
Old 04-30-2022, 06:02 AM   #3
Notsobigkev
LQ Newbie
 
Registered: Mar 2021
Posts: 22

Original Poster
Rep: Reputation: Disabled
Hi Michael,
i use vi as my editor and am running the "web site" on my local machine before installing it on the prod boxes.. Fontanello is a browser add-on and is only used to identify fonts post implementation. I shall check out your suggestions. Thanks K
 
Old 05-01-2022, 01:05 AM   #4
ondoho
LQ Addict
 
Registered: Dec 2013
Posts: 19,872
Blog Entries: 12

Rep: Reputation: 6053Reputation: 6053Reputation: 6053Reputation: 6053Reputation: 6053Reputation: 6053Reputation: 6053Reputation: 6053Reputation: 6053Reputation: 6053Reputation: 6053
Quote:
Originally Posted by Notsobigkev View Post
Hi, I am struggling with fonts and would appreciate some pointers please. I am running Ubuntu 20.04 on a couple of boxes with ISPconfig on.

An old friend of mine is a graphic designer/copy writer etc took one look at my sites and laughed - very austere. He's come up with some funky designs incorporating 2 or 3 different (funky) fonts. I have performed a myriad of searches to find the killer tutorial to get the fonts I (think I) have installed to display properly.

I found Fontanello (Chrome add-on) which correctly identifies the font that I intended, but the font remains "Times New Roman" (that ain't funky!!)

If anyone has any insight they could give me or recommend a publication I would appreciate that very much.
Thanks in advance
Kevin
Please show us what you have.
Please use CODE tags for code (see my signature).

Where and how you are you viewing your html pages?
 
Old 05-02-2022, 12:56 PM   #5
Notsobigkev
LQ Newbie
 
Registered: Mar 2021
Posts: 22

Original Poster
Rep: Reputation: Disabled
Hi Ondoho,
Thank you for your reply. I am going to plough on Tuesday (3rd) to try and fix. If no success will come back with all the info you want.

Thanks again

K
 
Old 05-03-2022, 04:28 AM   #6
Notsobigkev
LQ Newbie
 
Registered: Mar 2021
Posts: 22

Original Poster
Rep: Reputation: Disabled
Hi Ondoho,
Have gone very much back to basics and have styled a page with a fifferent font successfully now - thanks to W3Schools.
I have answered my own question. Thanks for the interest
regards
K
 
Old 05-03-2022, 05:39 AM   #7
Michael Uplawski
Senior Member
 
Registered: Dec 2015
Posts: 1,622
Blog Entries: 40

Rep: Reputation: Disabled
Quote:
Originally Posted by Notsobigkev View Post
Have gone very much back to basics and have styled a page with a fifferent font successfully now - thanks to W3Schools
Believe it or not.
It would still be interesting to see, what you did and how you solved the problems. Many solutions may exist and alternatives are precious. Show us.

TIA
 
1 members found this post helpful.
Old 05-03-2022, 06:29 AM   #8
Notsobigkev
LQ Newbie
 
Registered: Mar 2021
Posts: 22

Original Poster
Rep: Reputation: Disabled
Hi Michael,
seriously it was a syntax issue. CSS links etc. have to be exactly right, it's not forgiving at all.....
thanks all
K
 
  


Reply



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] mozilla-firefox-89.0-x86_64-1 no longer applying scrollbar width from 'gtk.css' byteporter Slackware 7 06-02-2021 02:36 PM
difficulty with html css position property rblampain Programming 8 09-27-2019 01:03 AM
LXer: Making GTK3 themes – Part 2: The gtk.css and gtk-widgets.css file LXer Syndicated Linux News 0 07-24-2012 01:50 PM
CSS - Is there a way to put several lines of HTML into one line using CSS? Chronothread Programming 12 01-05-2011 06:06 AM
HTML/CSS/JS: Problem with <p> not having an absolute position with CSS. RHLinuxGUY Programming 7 03-03-2007 12:21 AM

LinuxQuestions.org > Forums > Linux Forums > Linux - Software

All times are GMT -5. The time now is 10:44 AM.

Main Menu
Advertisement
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
Open Source Consulting | Domain Registration