Visual hierarchy of typography in UI in practice

There are so many resources about this in theory, but I can't find any detailed guides or resources on how to apply the principles in an existing complex UI. The most obvious ones would be differentiation by copy size, in many UIs like in facebook and youtube that manage to pull off a good hierarchy at the micro level as well as the macro level.

What would be a good guide or process to follow?