So I was called into fix this UNFIXABLE CSS bug in an application. I am not even a css expert and they for some reason they call me to fix this shit. well anyway the bug is that some of the fonts are not working on some screens .
I go look at the css and the scss files and what do I see? this shit (SEE IMAGE). The red is old, bottom is what I fixed. You know what they did?
for @font-face
they used the entire font-family string so basically they setup the @font-face
as
"'ourcustomsansfont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
this makes the name of this font as that WHOLE string, no, not ourcustomsansfont
like it should be.
then they go on using the whole string in the font-family
atrribute like this
font-family: "'ourcustomsansfont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
thats the name of a single font. no, they are not fallback font, THAT WHOLE THING IS A SINGLE FONT NAME. IMAGINE THAT
NOW IM HERE WORKING TILL 3AM because of these retards who couldn't visit w3cschools and understand how to declare a @font-face
This whole thing has 40+ references in the code and I had to search replace change it from
font-family: "'ourcustomsansfont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif";
to this
font-family: ourcustomsansfont, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
and the @font-face
to
@font-face: "ourcustomsansfont"
Jump in the discussion.
No email address required.
lol this neighbor has to do CSS on the daily![:marseylaugh: :marseylaugh:](/e/marseylaugh.webp)
Jump in the discussion.
No email address required.
I don't but I'm the "architect" so I was called in to check which something no one able to fix apparently. utterly ridiculous. I am gonna karen the heck out tomorrow when their manager comes
Jump in the discussion.
No email address required.
More tech layoffs soon
![:marseydance: :marseydance:](/e/marseydance.webp)
Jump in the discussion.
No email address required.
More options
Context
If you're the architect you gotta architect that shit so they have to look up the font name from a relational database. Not because that's necessarily a good way to do thing but at least in a database you know only men are getting in there, not front-end "developer" office ladies like
@HardIsLife.
Jump in the discussion.
No email address required.
I didn't consult on this project at all, If I did it wouldn't be like this. There is so much technical debt on this project, its insane! I made notes, I am telling the manager and his manager tomorrow and blasting them for wasting my time.
Jump in the discussion.
No email address required.
More options
Context
hil is a dev?
Jump in the discussion.
No email address required.
Yeah, I used to make fun of her for being a mere girl developer back in DeuxRAMA days. Good times.
Jump in the discussion.
No email address required.
More options
Context
no, a front-end code monkey
Jump in the discussion.
No email address required.
More options
Context
More options
Context
More options
Context
More options
Context
More options
Context
the sexy Indian dude menace strikes again
Jump in the discussion.
No email address required.
More options
Context
Jump in the discussion.
No email address required.
They've been working on this project for 2+ years and they have been using it like this since then. I just can't fathom this level of half-assedness. I don't know if its incompetence or apathy or what
Jump in the discussion.
No email address required.
it's just codecels being codecels
Jump in the discussion.
No email address required.
More options
Context
More options
Context
More options
Context
The reason r-slurs exist, is because they visit w3cschools.
Oh no! Search and replace!
This whole post is one big
Jump in the discussion.
No email address required.
Jump in the discussion.
No email address required.
More options
Context
sed -i 's/oldshit/newshit/' r-slur.css
Jump in the discussion.
No email address required.
More options
Context
More options
Context
hmm if this kept you up til 3am sounds like youre also r-slurred m8
Jump in the discussion.
No email address required.
I started 2 hrs ago. but it didn't even strike me that it was this because I didn't expect this level of r-sluration. I was checking computed styles and whatnot in the browser and that double quote single quote struck me later.
Jump in the discussion.
No email address required.
"They can't be that r-slurred, could they?" A tale as old as time.
Jump in the discussion.
No email address required.
More options
Context
More options
Context
More options
Context
Jump in the discussion.
No email address required.
I wish snappy I wish, its still thursday
Jump in the discussion.
No email address required.
More options
Context
More options
Context
LMAO having to fix the friendly H1B Sexy Indian dudes mistakes at 3am.
Do the needful b-word boy!
Jump in the discussion.
No email address required.
Jump in the discussion.
No email address required.
More options
Context
More options
Context
Ooooops stinky!
Clean it up codejanny![:marseytunaktunak: :marseytunaktunak:](/e/marseytunaktunak.webp)
![:marseytunaktunak: :marseytunaktunak:](/e/marseytunaktunak.webp)
![:marseytunaktunak: :marseytunaktunak:](/e/marseytunaktunak.webp)
Jump in the discussion.
No email address required.
More options
Context
Jump in the discussion.
No email address required.
Jump in the discussion.
No email address required.
You should've just told them that you have no experience with CSS.
Jump in the discussion.
No email address required.
their manager knows what i know lol, thats why he involved me
Jump in the discussion.
No email address required.
More options
Context
More options
Context
More options
Context
More options
Context
uh-oh. You have become known as the non-r-slur on the team. You will now be bombarded with questions all day, every day.
The only plus side is you will never get fired. Everything else is downsides.
Jump in the discussion.
No email address required.
no fricking way, i am bailing after bitching. this isn't even our team's project
Jump in the discussion.
No email address required.
More options
Context
More options
Context
Type away code monkey.
Jump in the discussion.
No email address required.
Shut up nig
Jump in the discussion.
No email address required.
Better clean that code up!
Jump in the discussion.
No email address required.
I did![:marseycrying: :marseycrying:](/e/marseycrying.webp)
Jump in the discussion.
No email address required.
Jump in the discussion.
No email address required.
Jump in the discussion.
No email address required.
More options
Context
More options
Context
More options
Context
More options
Context
More options
Context
More options
Context
Jump in the discussion.
No email address required.
More options
Context
Sans undertale?
Jump in the discussion.
No email address required.
Sans Sherrif
Jump in the discussion.
No email address required.
More options
Context
More options
Context
I mistakenly entered this thread thinking it said "weebshits" and now I feel like some Eddie Murphy movie where he accidentally went into a honky tonk bar. Please do not slash me into a million pieces with your Naruto sword, based samurais.
I shall leave the way I came in if you will allow it.
Jump in the discussion.
No email address required.
More options
Context
honestly
demand more money
Jump in the discussion.
No email address required.
More options
Context
That's okay. CSS hates everyone and everything
Just like venetian window blinds
Jump in the discussion.
No email address required.
More options
Context
wow even I know enough css to know that's downright r-slurred
Jump in the discussion.
No email address required.
More options
Context
Now look at this site![:marseyfacepeel: :marseyfacepeel:](/e/marseyfacepeel.webp)
Jump in the discussion.
No email address required.
More options
Context
Why not just write a Python script to do the replacing for you?
Jump in the discussion.
No email address required.
More options
Context