Click here to Skip to main content
15,887,683 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
Hi :),

I'd really, really, really, like to know how I could check out how unique fonts that are on other websites would look on my site by just temporarily trying them out on my site with "Inspect Element".

I've gotten as far as being able to identify the name of the font on the website that I have seen the desired font on by looking into the CSS section, but I've been stuck at finding out how to try out the font on my website without having to go into the backend and upload files. I guess this is because the font is unique and is not so noticeable by my Google Chrome browser as Arial, San-serif, and Verdana would be.

I love programming because of its unlimited capabilities, but I am unable to dedicate myself to learning it fully because of the time that it takes and a my job doesn't focus on such.

Please help :(

Respectfully,
Ana
Posted
Comments
Patrice T 11-Jan-16 14:44pm    
Ever think about hiring a real programmer ?
AnaBanana07 11-Jan-16 14:54pm    
I can't afford it. Just 19. I work in a 24/7 supermarket as cashier, night and day, alongside school. I'm just trying out things for curiosity sir. :'( I don't even have my own website. I want to though, so I'm trying out things.
Patrice T 11-Jan-16 15:00pm    
I fear you will have to do this manually.
AnaBanana07 11-Jan-16 15:03pm    
I'm totally up for learning how to whichever way you think is best :D
AnaBanana07 11-Jan-16 15:13pm    
Oh, as in I can't try out the unique font stuff by editing from "Inspect Element"?

1 solution

I really sympathize with your efforts; you are trying to study despite of pretty difficult situation and tough schedules.
I would like to give you just a few ideas.

First of all, you can do a lot of development and study without your own Web site. As you mentioned "go to back end and upload files", you certainly do have some Web site; maybe the key is "my own". And I would not advise to get your own hosting, at least not until you develop some product or site you really need to use; this way, you can avoid wasting money. So, my points are: 1) you really need to have your own Web server for development; 2) a lot of work can be done without any site and Web server at all.

Having your own server is much easier than many beginners think. What you need depends on what you want to achieve, but, in particular, Apache is open-source, extremely light-weight and installs in few minutes without problems. Once installed, it can be executed locally. The other steps depends on what server-side technology you want to have. There are some other light-weight HTTP servers you can use. If you use the HTTP server and the site on your development machine, you don't really "deploy" anything, you simply edit the files in place. It's important to use some decent Revision Control system, which also can be extremely light-weight and reliable.

Now, as to the designs with different fonts and preview of the designs, the whole idea of up-loading of some files to the server is methodologically wrong. Not only for your font-related purposes, but for design itself, I would strongly recommend to develop Web page design prototypes locally, fully on the client side. A Web browser along is a decent platform which has all you need: HTML/XHTML, CSS and JavaScript. This is more than enough to prototype any design. Even though it may seem double work, because with server side your scripts are generated by some server-side script, so you cannot re-use the code, prototyping is never the waste of time. With such a problem is general design and font selection, it should be just obvious, but it remains true even for the pages using complicated server-side scripting. One important aspect is: this way, you can better learn what really happens. On this site, we observe too many "developers" trying to achieve quite complicated behavior but having no clue what really happens on server and client side.

Finally, one case where you can do client-side and server-side development altogether in place: ASP.NET development with Visual Studio. These days, you can use fully-functional Community Edition, which is free of charge; its functionality roughly matches "Professional" version. With this approach, you automatically use a tiny "development HTTP server", so you can immediately edit and test server-side and client-side code at the same time.

Again, my answer is much broader than your little font issue, which does not require most of the features discussed above. But you want to study all the development, right? You can do it all locally and efficiently.

—SA
 
Share this answer
 
Comments
AnaBanana07 11-Jan-16 19:15pm    
Whoa... Lol, you know your stuff. Thanks a lot for the advice! :) I share a love for both the art of programming and the art of business. Currently, I am focusing on the business part. As for the font part of our convo, I'm just trying out the ones that are usual or "registered" as I called it. Don't laugh, but I sourced my list of the fonts on Microsoft Word lol. But yeah, I don't get the chance to fully commit to programming but I still play around with it.
Sergey Alexandrovich Kryukov 11-Jan-16 21:12pm    
Great. You are very welcome.
Now, one more point: it would be really useful to learn a bit of industrial design and, in particular, read on the opinion of good designers on different fonts and typography in general. This topic itself is a whole science and art. It's impossible to get into all the detail, but good designers could give examples of good and bad, so you could use some ready-to-use conclusions. For example, from your list ("Arial, San-serif, and Verdana"): Verdana is considered by most as one of the most readable fonts in the world, especially for on-screen reading, nobody likes Arial and blame it in all deadly sins, and Sans-serif is not a font at all but is a wide class of fonts. The font of this comment is serif, because it comes with short horizontal strokes on most characters, and "sans-serif" are fonts without them. I learned just a bit, even though I don't really develop sites.

In your prototype, it's good to try the design at all reasonable browser window sizes and scales. And, if some asked me to name the most important design principle, I would say: less show off, more clarity and readability. No one is going to be surprised with your super-puper effects; people want reasonable simplicity and clarity, convenience of it.

—SA

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900