The only thing that doesn't mesh well with me, and would have felt more fun was if you had used a more rounded typeface to compliment the rounded illustrations.
This one comes to mind. https://typekit.com/fonts/houschka-rounded
Agree with you on the font. Something feels off about it, the letters are way too thin and there's too much "white" when you see the new page.
EDIT: Old reddit used Verdana. New Reddit uses Benton Sans. You can clearly see how thin and crappy the new font looks when compared to the old one.
Handschriftlich halte ich das auch so, aber der Artikel hat recht: Praktisch keine Schrift, und ziemlich sicher gar keine halbwegs taugliche geometrische Schrift, hat einen Querbalken.
Man gebe etwa hier in Z für die Vorschau ein und stellt fest, dass keine der 315 Sans-Schriften einen Querbalken hat. Selbst bei 'Handwritten' sind es nur 4 von 56, lediglich bei Fraktur sind es die meisten mit.
Es wurde also definitiv bewusst gesetzt. Und ein erfahrener Grafiker macht sowas halt nicht, weil er es irgendwie schöner findet.
Sweet!
For those who don't already know, Bookmania (the body text typeface), Modesto (front cover title typeface), and Mrs. Eaves (header typeface) are also all on Typekit.
Why don't you just use Typekit? https://typekit.com/
Much better than Google fonts (look better across more platforms), only like $50 a year and can be synced into local Adobe applications. I never use anything else now.
What I was pointing out that is the mark doesn't have enough whitespace or weight in a certain area, meaning specifically the eye will blend together with the bird form, losing it's value. This current iteration doesn't pass the "squint test".
See here: http://i.imgur.com/kJ6xBiS.png
That's the full resolution pen. I know if printed the detail will come through, but your logo should still work at that size on screen. It's really the result of a small circle in close proximity to an already thin line.
As for typeface selection, you need to find something that evokes the same emotion as the brand is trying to convey. It should visually say "Relaxed, accepting, modern".
An example I quickly found was JAF Domus: https://typekit.com/fonts/jaf-domus http://i.imgur.com/YiUkIzW.png
Now I'm not saying that is the font to choose, but it's a good example of how a typeface's letterforms and weight can convey the message you want. This font compared to the current is a lot more inviting and appropriate for a church.
I'm a developer and I'm not going to get into how the type could be BETTER served, but I will say this. You're putting a huge emphasis on something that's going to look very different once you render it in a browser, let alone 5 different browsers / 3 different OS'.
That said, Adobe Caslon isn't even available across a multitude of Operating Systems, and as a fallback you'd have to specify an alternate serif. What I would suggest instead is setting up an account here to serve your type.
TypeKit has also solved rendering issues I've had in the past. Something about Windows font rendering is just awful.
omg are you a font whisperer?
Yes its helvetica neue Bold and Light, one of my favorites for technical writing. Also see the DIN font - used on Common Projects
Mr Eaves Sans along with Mrs Eaves are my two most used fonts right now. I️ love these two fonts so much that I’m constantly trying to find new ones to use instead.
But theyre just so perfect that I️ go back to them project after project.
There are plenty of thin fonts that look like this, but my best guess would be either Avalon Extra Light or Museo Sans Hairline.
And here's a free alternative:
Amen! - It used to be super expensive, and given how much creation freedom you get when having the full package (Dont forget this includes motherfucken Typekit!) - Imagine you are a chef, and this is the price of renting your kitchen.
Nice idea, and not too bad execution.
Have you tried rounding those sharp corners at all? Pizzas tend to have a rounded back and I think scientific glassware also tends to have a more rounded shape.
I also wonder if the black outline needs to be so thick? It is a very dominating shape and could do with being less so IMHO.
Lastly, I think a more rounded font might work better for the text - try something like Museo Sans Rounded or even Omnes Pro.
As I said before, not a bad start, but could definitely be built on.
I worked at architecture firm that was too cheap to get their own Typekit account (was using mine) and when they made me redundant I caught the IT guy going through my personal Gmail when I returned to my desk. A month later and they still hadn't gotten their own Typekit account so I changed the font of their website to "Grave Blade" which is the webfont version of an AC/DC album cover. Was like that for a whole week .. Made me laugh at least.
pretty positive "A&S" and "PIZZA" are Berlin Sans with "PIZZA" being stretched to like 150% width or so.
Salvatore & Sons is Brush Script
not sure about the red text
the phone number is ITC Franklin
https://typekit.com/lists/alternatives-to-helvetica has lots of alternatives. The main point being that they are all sans-serif typefaces. These would help readability even more, especially for the numbers.
It's a bit played out now, but Proxima Nova was a big favourite of mine for a long time. But the lowercase a... I just have a hard time with how modulated the strokes that meet the stem are. Great in body text, but man I can't help thinking it looks off sometimes. Also I don't like the lower terminal of the question mark.
Try Proxima Nova, Alégre, BStyle, Copper Canyon, Corporate, Franchise, Futura, Prohibition, Good Headline Pro Condensed, Libel Suit, Museo Sans, Akzidenz Grotesk, Gotham, Open Sans, Nord, Ostrich Sans, Oswald, Plakative Grotesk, Rakesly, Port McKenzie, Steelfish, Tempo, Trade Gothic, Twentieth Century, Utility...and then there's always Helvetica.
Most of those are either free (commercially) or part of Typekit.
I'm a big fan of condensed gothic sans-serifs.
I like it the way it is and I think the people who have made tweaks here only made it worse.
As far as what body font to pair with it, I think just keep it simple OP. Some sort of clean sans serif could be fine. Or maybe a fun serif that's a little chunky like Skolar: https://typekit.com/fonts/skolar-web
Some things to take into consideration:
I'm poor, so I couldn't afford the Stratum font family (which panorama uses) so I went with Notosans instead.
I made this in Paint .NET, so forgive the sloppy rotoscoping around the community map seal, I couldn't find a clean version so I had to lift it off one of the community map cards ingame.
Something I really want is for valve to convert the "Custom Game Mode" icons that exist in the current browser and turn them into the image content for the cards themselves, so servers can upload either their logo/banners or a screenshot of the map as the card fill.
Because of the transparent nature of most of the UI, I kinda had to eyeball the colour and transparency levels of the background so it looks a bit off
I've used it on a few projects. It's a nice, modern looking humanist font. It can look a bit sharp/stiff/angular I guess, the way the lowercase e ends in a vertical edge for example. If you're using Typekit, take a look at Europa as an alternative; a bit more geometric, which I think has better chances of not looking outdated in the long term.
Oh, you just want a cutesy font face? Find one on google fonts. They're free. Maybe start by choosing "display" and "handwriting" from the "Filters" list on the left.
Or you can pay for web fonts through something like typekit.
I believe the Futura font is licensed, so you won't be able to use it on your site. You can find something close with this Google Fonts plugin.
If Futura is a must, you could use Typekit to license it.
JAF Bernino Sans (Light). Fairly nice font.
edit: if you're interested in knowing what fonts are on the web, I suggest WhatFont. Allows you to hover over any text on the web and display what font it is instantly (without opening Inspector).
They used Myriad Pro before (as they use on everything else like the website and logo), but they now use a modified Arial typeface (altered capital I and lowercase l glyphs to prevent ambiguity in chemical contexts).
font-family: "adobe-caslon-pro",serif;
It looks like Adobe Caslon Pro provided by Typekit.
In most browsers ^1 you can right-click and "inspect element." That shows the CSS (style sheet) used for the element you clicked on. Look down the list on the right-hand side for a "font-family" selector that isn't crossed out.
The Font Finder addon for Firefox gives you just the font information on a select + right-click.
[1] For Internet Explorer you need to activate "[Developer Tools](https://msdn.microsoft.com/en-us/library/ie/bg182326(v=vs.85\).aspx )."
That's definitely Adobe Minion Pro.
edit: Also available on Typekit
I feel like things off FontSquirrel are used everywhere. It's so strange to me that designers are so unwilling to pay for the work of other designers when it comes to typefaces.
Anyways:https://typekit.com/lists. :D
This what you're talking about?
If so, that could be recreated real easily. https://typekit.com/fonts/cooper-black
I'm happy to help if you've got a better image of it to go off of.
Unfortunately, you won't be able to get legal, free access to helvetica on a windows PC. You will probably also run into other roadblocks by using a Windows PC for design.
If you are subscribed to Adobe CC, you have access to Typekit, which includes Nimbus Sans, which is based on helvetica.
But, to get the real deal on Windows, you will have to either buy it, or acquire it.
I don't think they should be, really. I love your art!
But I think the dialogue font in DDLC is called Aller, if you wanted to use that. You can download it here if you don't have it.
Thought it looked very similar to the Star Wars font at first (at least the bold text), then Museo, but not really sure what font it really is since the "W" seems a bit different than the one in Museo.
For actual use: <strong>Garamond Premiere Pro</strong>.
Best name: <strong>WHOOPASS</strong>. It's well-named and I put it in 300-point type in pure magenta when I need to make a designer's note during layout. It's hard to forget to change out a low-res image when it says LO-RES in GIANT PINK LETTERS all over it.
Thanks! I found it on typekit, which I think is an underrated or not as widely known source if you have a CC subscription.
I'll +1 the suggestion for Source Sans Pro for the body. I've been pretty in love with Montserrat lately for headings, although I've heard Proxima Nova is even better if you're willing to pay for it.
I've never directly paid for fonts. Too many other great bundled services in my reach. For example, I have a Creative Cloud subscription so I get Typekit included with that.
https://typekit.com/creativecloud
And if I need other options, I like to use Google Fonts.
network.http.sendRefererHeader: 0
estää kaikki viitteet, 1
lähettää viitteen klikatuille linkeille, 2
lähettää viitteen linkeille ja kuville.
Viitteitä estäessä kannattaa huomioida, että jotkut sivustot ja palvelut estävät sisällön toimittamisen kokonaan ellei pyyntö siihen tule sallitusta osoitteesta (esimerkiksi pyynnöt Typekitin nettifontteihin heittävät neljänollakolmosta jollei viitteen osoite ole fontteja käyttävän sivun URL).
Firefoxille on saatavilla lisäosa RefControl, jonka avulla voi asettaa sivustokohtaisia sääntöjä viitteiden lähettämiselle.
If you are looking for similar fonts, try Lobster or Corner Store. Yes, I have a sick font obsession...I might need help lol
The body text is Freight Text Pro with a font weight of 400 at 22px: https://typekit.com/fonts/freight-text-pro
The header text is JAF Bernina Sans with a font weight of 700 at 32px: https://typekit.com/fonts/jaf-bernina-sans
A knee-jerk reaction would be to say Gotham, but that's a trap- the C is angled differently. And Proxima Nova would be my next guess, but the damn E's are different.
Synthview's Novecento Wide Demibold. Final Answer (they scaled the 5 up to the same size as the letters).
Helvetica isn't a shitty font at all. Very legible, a variety of weights in the family, and it's very neutral.
It is however used so often that is has come to representative of generic and lazy design.
This doesn't mean that helvetica doesn't have it's place, it just needs to be utilized properly on appropriate projects. For instance if someone had designed a game about managing subway stations and platforms then helvetica would be a perfect fit for the display and body copy.
But for a post apocalyptic game I would choose something that's a bit more cold. Something with low stroke contrast, similar to government or military signage.
Off the top of my head I'd probably use a Geometric Typeface or a Grotesque Typeface.
Yeah, Proxima Nova is pretty much everywhere these days. Typekit has a list of “neutral” fonts, which are all great. I just started using Museo Sans for a project. It looks good, but it’s a bit more playful. And Font Font has a bunch of nice sans-serifs, too.
Depends entirely on the font. Some cheapies will be in the $5 range. Adobe serves a lot of their fonts through the TypeKit CDN, which is a variable-cost membership depending on how many sites and pageviews you have, and TypeKit coupled with Google Web Fonts and all the other freebies out there should be plenty to keep you happy for a long time, unless you have a big-name client that demands a custom display font.
Buying unlimited licenses outright can quickly run into the hundreds of dollars or even thousands.
Yes, it's premium only. The guy who made it spent years creating it, so don't expect him to give it away for free.
That said, it's quite affordable.
On Typekit, it's included in the Portfolio plan, which costs $50/year and gives you access to hundreds of other fonts as well.
On FontDeck, you can get a single weight of it for $10/year, for unlimited websites, up to 1,000,000 pageviews per month.
On FontSpring, you can get any single weight for $38, or the whole family for $292, licensed for use as a webfont on unlimited domains.
So let's say you want to use it for text, the way SmashingMagazine does. That would be regular, regular italic, bold and bold italic. Using Typekit that's $50/year, using FontDeck it's $40 per year, and using FontSpring it's a one-time $152 payment.
To give you some perspective: using a similar set of Benton Sans through the WebType service, you'd pay $480 per year for 1,000,000 pageviews per month.
It looks a bit like Magneta Condensed Book but it could also be Frutiger Serif Pro Condensed Medium, resized to look a bit thinner.
Cubano is a really similar font to what I made in this filter
If you don't have access to TypeKit fonts (which should come with your Creative Cloud account if you have one), there's also free downloads available online
Also, if you're looking to use this font, it has been digitized as ITC Blair. If you have a Typekit subscription, Termina is also very close.
And interestingly, the famous typeface Copperplate Gothic is nearly identical to Blair, but with little wedge serifs added. It was released the following year by another foundry.
https://typekit.com/fonts/futura-pt When I type 'FD' and make the letters large you will see what I mean. Everything is very well balanced, all lines have the same width at all times.
It seems that your comment contains 1 or more links that are hard to tap for mobile users. I will extend those so they're easier for our sausage fingers to click!
Here is link number 1 - Previous text "DDT"
^Please ^PM ^/u/eganwall ^with ^issues ^or ^feedback! ^| ^Delete
I personally enjoy Marydale. It's quite legible for small snippets, without being too rigidly calligraphic.
Handwriting fonts carry such individual personality though I'd definitely want to pick based on the specific content.
It looks like DIN Condensed. The font is available here.
The 'C' is more geometric than in Univers Ultra Condensed, and the stroke weight has almost no contrast.
Hope this helps.
Best match appears to be Adobe® Caslon™ Pro Italic - https://typekit.com/fonts/adobe-caslon
http://image.fontsgeek.com/preview/yljhnf56iwoaoizhyutd3d6876eae7Adobe%20Caslon%20Pro%20ItalicT.gif
I used Fontsquirrel image upload to find it, and you can find some free alternatives that are close if you prefer and dont have access to the Adobe one.
In case people are interested. The 'Game of Thrones Font' is an old font called 'Trajan'. It was originally copied off the Trajan column in Rome by a guy called Henry Goudy. This was used for years by different type foundries. The first digital version of that font was created around 1989 when Adobe commisioned Carol Twombly to go back to the same column and copy it again, now claiming it as 'theirs'. So now there is a digital version (classed as software basically) that is protected, it can be purchased and used by anybody and is part of Adobe Typekit used by thousands of designers every day.
https://typekit.com/fonts/trajan
So if you purchase it you can put it on whatever you like. Alot of TV companies would have in-house a graphics departments with subscriptions to these type foundries. So the 'Game of Thrones,' font is Trajan with a few crosses here and there. The logo in that iteration and wording is probably protected but the font itself can be used by anybody who owns a licence. There is even a free version based on Goudy's original called 'Goudy Trajan.' But all that said if you're putting up shirts that are clearly making money of Game Of Thrones association then Amazon might interpret that differently regardless as to the font itself being freely available for purchase.
It's Reklame Script! There is a free version on DaFont.com, but I have Adobe Typekit. For free, it allows me to use all the weighted versions of the font, the one I used was Reklame Bold. If you do have Typekit, here is a quick link!
> >Not a big fan of the font, but that's mostly personal :p > > Me neither. Sadly this was the only free "hand written stylish" web font in my typekit subscrition and i didn't want to spend the money. Maybe i will if even some people like the tool so i dont just make it for me ;)
I don't know much about typekit but this font looks a bit cleaner and says its in the free package for web use.
It's a square slab serif font that I couldn't identify: example
It is similar to Suomi Slab Serif Bold and Factoria but they're not quite there.
It's not better, it's just a super-common font type among web-developers. He's using a fairly unknown font, which by itself isn't really a problem, it was more a question as to why he went with that other than a more defacto font.
Proxima nova is one of the more popular web-fonts in the design community and it's used just about everywhere. Once you see it you'll probably recognize it:
https://typekit.com/fonts/proxima-nova (There's multiple variations of it but you'll probably recognize it.)
Haha, im actually doing branding for a new company and the fonts we're using are Usual and Merriweather to contrast. I wanted Gotham but it would be too much money to get enough licenses compared to Usual.
I might try Trajan Pro semibold, maybe stretched to 120% or so (this one definitely looks Roman, so if you aren't happy with that match search for Roman fonts) and Edwardian Script ITC. Not sure if its exact but looks pretty close to me.
You're welcome! It really depends on what you're looking for. You might also want to check this out as well: https://typekit.com/fonts/p22-franklin-caslon
I've seen a number of people use it for Lovecraftian stuff.
Futura comes on Macs (albeit not a great version of it), and you can also sync the ParaType cut for free from Typekit
If you want a free alternative, Century Gothic (free on everything) is the closest thing. Or maybe Josefin Sans. There are many other alternates, but sadly, most decent fonts cost money to reimburse the sweat and blood a type designer put into making it.
You can still license the font for web use and include the font files in your CSS as imports. Or use some form of webfont provider where the font is loaded via javascript. Here is the page to liscense it through fonts.com: http://www.fonts.com/font/linotype/neue-helvetica
If you are just doing this for home use and mockups, you may find some clever solution on your own... But, if you need everyone to see that exact font, the only legal way is to license it properly.
If you use Creative Cloud, you can see some typekit alternatives to Helvetica as well: https://typekit.com/lists/alternatives-to-helvetica
It's a wee bit late on the reply, but whilst doing my thesis I typeset it in Fira and Charter (because they are free). Fira for the headings and Charter for the body text. You can find Charter here: http://practicaltypography.com/charter.html
As for the webfont version, you may try to convert it (haven't done that, but there are heaps of tutorials on how to do it. It isn't piracy.) Or you can try Charis for the webfont version (it's open source).
Here's a page showing Fira + Charter combination: http://pkg-build.racket-lang.org/doc/pollen/quick-tour.html
Source serif pro is also a good (free) alternative. It's only downside is that it doesn't have italics...yet (developers say they are working on it). https://typekit.com/fonts/source-serif-pro
Hope this helps.
To me, it feels similar to Dalton Maag's Aktiv Grotesk, a typeface I've been using quite a bit when I'm looking for something Helvetica-y that's not actually Helvetica.
Depends how many weights you want. Maybe Tiempos? Although that can come more expensive if you want everything.
Maybe one of the many versions of Caslon? Adobe Caslon Pro?
It's Futura. It's one of my favorite fonts and that's actually one of the reasons why I love it. Check out the N, V, and A for other examples of it, as well as how it deals with some lower-case letters. "Th" looks particularly awesome.
You can play around with it here: https://typekit.com/fonts/futura-pt
Looks the same for me. Seems the font they are using doesn't work very well on displays at that size.
you can check the browser samples tab here https://typekit.com/fonts/calluna
The font seems to render fine at 14px on Mac but not on Windows
There’s a font on Adobe Typekit called “Sign Painter - House Slant Regular” which is about as close as I can find. You could achieve similar results with some tweaking in Adobe Illustrator
If you're using Typekit: Questa Grande, Essonnes, Abril are good alternatives that have similar feel.
Hello sir,
it seems to be Gotham Black with +155 units tracking.
Proxima Nova Black also fits the sample very well.
Hope that helps.
Thanks man!
The font I used for "New Super Saiyan God SS Vegito" and "For 7 days only! Perform 3 Multi-Summons and get one free!" is called DDT. The font for "jumps onto the scene" is Times New Roman. The Super Dokkan Festival part was cropped from [PHY Vegito Blue's](/phy) banner of course.
you can use the mrs eaves font - for the title look and for the actual text, you can use something like this font. in photoshop you can make a white background for your text and look up a photo of parchment paper then put it on top at around 20-40% transparency (more or less depending on your taste) then put your fonts on top of that. hope this helps
>I find this particularly interesting. I agree that I should expect someone applying to a design job to know the standard design software. On the other hand, if it's not explicitly claimed on the resume then it leaves room for doubt and I wouldn't want to leave the reader assuming. I can agree that those elements in this document are dominant, as you suggest later.
Realistically it's unlikely to have a candidate with a good portfolio, resume, and interview, but doesn't know the core Adobe software, even if they chose to use Affinity on their own.
However, you're right, it is good to have to check it off, as it is for non-designers, but it should be a tertiary element, not primary like you have it. Even secondary could be too prominent.
>I absolutely agree. The only justification I have for this is the cheap attempt to beat application-fielding software by copying text from the job listing and putting it on the resume. I'd rather do that and get human eyes to look at it instead of Taleo throwing my application out. If it weren't for that, I would drop crap like that altogether.
This ties back to the viewer being a designer vs non-designer.
For filters, HR, etc, you're right. They unfortunately look for this crap. But to anyone that isn't a drone, it's just filler. While you may not always know who's looking at your resume, if you're applying to places where you know it's more likely to be designers viewing it, you could skip it.
>Do you have any suggestions off the top of your head?
That's more for you to decide, since it is still a subjective choice, and even can depend on how it works with your content.
https://typekit.com/fonts?browse_mode=default&filters=cl:hm
One thing to consider is not forcing the same font into both headers and body.
The missing sections seem somewhat sporadic. My guess is someone just took an existing font and modified it.
If you have CC, then you'd have Typekit, which now allows you to upload images to find similar fonts.
Here are a couple:
Does anyone else think this font is a modification of Antique Olive? Or does anyone have a clue what the actual font is? I did a project on the font and this logo instantly reminded me of it.
> My point was that it's all arbitrary and whoever wrote it didn't really grasp fonts
I don't really think any of that is the case. The firm that did it is no joke and the style guide is very thorough. You don't get to work at a place like that or have clients like that or create a 151 page style like that without knowing about fonts.
> The fact they threw Proxima Nova in (a good display font!) just says to me that person didn't really get what they were writing.
Proxima Nova is a good everything font and it looks better on screens than either Century or Futura. It also looks more modern and closer to the proprietary fonts designed for the company. Century Gothic and Futura are the "fallback fonts" and they probably chose fonts that would be ubiquitous and resembled the proprietary print fonts. On the website, they use propietary fonts and they do not distribute them to any branches.
> It's like The Bible or Constitution or anything else people take as set in stone when it isn't.
I think they just didn't bother to explain the reasons and clutter up the book with something they thought might confuse the issue. I can probably use either one, I just wanted to check.
font is Adobe Caslon Pro Bold
without seeing the spine i would guess it stands out just because of the high contrast of black and white, i wouldn't say caslon is necessarily eye-catching on it's own
The lower text is Brandon Grotesque - https://typekit.com/fonts/brandon-grotesque
The upper text I'm not so sure, the letter shapes are a lot like Freight but the thin parts are so skinny they almost disappear, which doesn't seem to quite match. Anyway very close: https://www.myfonts.com/fonts/garagefonts/freight-disp-pro/
FontMeme suggests ITC Kabel and Bodega Sans Light, though the latter isn't quite right. Could be a customized version, but it's probably just a similar font. I'd be able to inspect further, but I'm away from my computer right now.
suprised no one has suggested typekit.
some great fonts, lots of which are included with a CC membership.
edit: ok someone did suggest it but yes check out typekit
This page has some okay options: https://typekit.com/lists/alternatives-to-helvetica
The advantage being they come free with an Adobe CC membership.
If noone has noticed you've been using a different font for two years then I would maybe take this as an opportunity to choose a nice new font you like working with and purchase that instead. There are a lot of helvetica esque fonts out there.
It's not a height issue, it's a font-weight issue. Your body copy looks like Thin/100 from here to me, which is really hard to read. I'm on Chrome OSX 10.10.4 on a non-Retina/Hi-DPI screen.
Font Matrix seems to be the most mentioned alternative to Gnome's Font Manager, but it has not been under active development for quite a while.
But, if your focus is web design you might be better off looking at web fonts from resources like Typekit and other font services for use in the browser?
I'd probably go with Typekit in your situation. I know it's not ownership, but you have access to so many different fonts and they'll work in other desktop apps if you're not using PS, Ai, etc for your print work.
It'd depend on how big your clients are, and how heavily trafficked their sites are, but you might be fine with the $50 Portfolio plan.
The first one looks like plain old Myrida Pro, don't know about the 2nd one but the 3rd one looks like Impact
Museo Sans. https://typekit.com/fonts/museo-sans
Can someone tell EVERY FUCKING PERSON in Australia that this font (as good as it was in 2012) has run its course please. Oh, that goes for Museo Slab and 300-700 too. Kthanksbai
I think the top design is better - the one without the tabs.
Do you have another image of the servers? Its a little dark and bitmapped. If not maybe use a stock photo:
http://www.istockphoto.com/photo/wires-in-datacenter-server-rack-38597496?st=b264954
http://www.istockphoto.com/photo/high-tech-network-server-equipment-detail-46458336?st=b264954
Look into custom fonts on typekit. Good fonts will help make everything feel tighter. Here's the most popular ones on typekit: https://typekit.com/lists/favorite-fonts
Good luck!
The nature of the e and the y make me think this used to be an italic font that was straightened. And judging by the serifs of the S and y, my best guess is Adobe's Warnock Pro Italic, straightened.
The length of text is a common issue almost every designer has to struggle with from time to time.
I'm not sure which fontface you use but it could be helpful to look for a narrower one that is also legible at smaller sizes. Print out several texts in different font sizes and line-spacing to check which font fits your needs best.
I personally like Cavita a lot because of it's unique italics and Glober because it looks nice. It's a matter of taste, though.
Source Sans Pro could also be interesting if you are looking for a cheap solution. However, I haven't used this font in print yet.
Speaking of which, I wonder if Reddit allows custom CSS fonts. If so, it would be awesome to have Futura Condensed Extra Bold for display text in this subreddit.
Keep in mind there are many different styles of serifs. Rooney is one of my favorite fonts of all time. The serif is very subtle and it looks wonderful on the web https://typekit.com/fonts/rooney-web
Please do yourself a favor and don't listen to someone that says to never do something when it comes to design. Sure there are rules we should follow but you need to be open to breaking those rules. Maybe 95% of the time you use sans serif online, but keep in mind they do have their place. Consider block quotes, block quotes look fucking great with Rooney light italics, try it out sometime.
Where do you go to school?
Things to think about:
Background colour: that dull red clashes with a lot of colours, might be better going more neutral or stylising you project thumbnails to complement the red
social icons: either make custom ones or get a set that looks stylised better i.e. http://www.cssauthor.com/wp-content/uploads/2013/11/32-round-social-media-icons.jpg
think about the typeface, might be a good idea to install a nice google font instead of a stale old helvetica/arial, maybe even think about https://typekit.com ?
the dropshadows on the project thumbnails are not doing you any service, again, drop the "flair" you have going on with embellishments and think function before form - wouldn't it be nicer if you put perfectly styled thumbnails on a neutral background and let the work speak for itself instead of pumping noise into the communication channel with a lot of unnecessary detail
the grid jumps around quite a bit, try to follow it better - i.e. the contact and about pages should feel as if they are of the same ruleset and layout, they don't at this moment + think about the about me page, play around with the layout and formatting, it look's a bit undefined at the moment
would be nice if you could zoom in one photos inside projects
Hope this helps, I've thought through these things quite a bit for (and in) my own work, and am sure you could use at least some of them.
Yes, you can, but not reliably yet. You can call OpenType features using CSS: http://blog.webink.com/opentype-features-css/
Btw: Most desktop font licenses does not allow you to upload a font file to your server. You have to purchase a "embeddable" web license, or rent the font from a cloud service.
You can get a web license (with separate swash font) here: http://www.myfonts.com/fonts/linotype/adobe-caslon/
Or rent it via Typekit here (OpenType, swashes baked into the font): https://typekit.com/fonts/adobe-caslon-pro
Using the self hosted option, you can look up the unicode value of each swash/ligature and type them into your html (loading the extra font in with @font-face). If they don't have a unicode value, Adobe allows modifications to their font files (they are one of the few foundries that does). It might be wise to contact the foundry or another type designer to do the modifications properly, as it is easy to mess things up.
Sure, there are a few websites that host fonts like google fonts, adobe webfonts, and typekit.
In particular, Open Sans (on google's fonts) is a popular font. Which would work best for your site? I can't tell you that, maybe try a few first. But if it were me, I'd start with a light font.
You should talk to your boss (or, you know, whoever makes that sort of decision) about using a service like Typekit. The selection isn't all-encompassing, of course, but it's pretty great, and easy to use.
The site looks good, and definitely usable. If I may put on my critiquing hat for a moment…
I think you need to fix the kerning in the logo. The spacing of the "ity" compared with the rest of the word is inconsistent. Also, the typeface used (primarily in the large text) doesn't exude any sort of personality…most likely due to the fact that it's Arial. I highly suggest checking out Google Web Fonts or Font Squirrel for better options. If you want more professional options, Typekit is very good. Just remember to keep it legible.
I'm not entirely sure of your rationale for the shadow behind the main content on the homepage, below the black ribbon. IMO, the bulge effect isn't nearly as effective as a subtle drop shadow combined with a slightly darker border.
On the post page, search bars are typically found on the rightmost side of the header, so you may want to pair that with your "Logout" link, with the link being to the left of the search.
Overall, I think your layout is excellent and well organized. Feel free to interpret my opinions as you wish and make the changes you agree with—if at all ;)
I wish I had known about this sooner! This is exactly what I need. If you want more variety you can also check out Typekit which has many more fonts but it'll cost you a bit based on what you need.