This is the updated wiring for this arrangement, with a 2-wire cable added between the fan/light and switches. The white wire is no longer used for hot and the source neutral is run through to the switch box to satisfy the 2011 NEC requirement of a neutral wire in all switch boxes. All other wiring is the same as above.
This page contains wiring diagrams for ground fault circuit interrupter (gfci) receptacles. Included are diagrams for multiple gfci’s, a protected standard duplex receptacle, and a protected light fixture. Wiring for a switch and gfci receptacle in the same box is also shown to protect the switch and light or to protect other receptacles in the circuit. To wire a gfci circuit breaker see this link and wire a gfci switch combo at this link.
This diagram illustrates wiring a GFCI receptacle and light switch in the same outlet box, a common arrangement in a bathroom with limited space. The hot source is spliced to the LINE terminal on the receptacle and to the bottom terminal on the light switch. The neutral and ground wires are spliced together and run to each device in the circuit.
The hot wire to the fan in a fan/light kit will usually be black and the light wire will be blue. The white wire is usually the neutral which is always connected directly to the source neutral, either at the source or through a splice in the switch box. The white wire may also be used to carry current when necessary.